[Dmitriy]

Maybe you did not save the changes? I opened file on your site, there are no changes.

• This reply was modified 7 years ago by Dmitriy.

[Dmitriy]

Editor styles can be turned off to work around the problem. Remove the line in [fluida theme folder]/resources/styles/editor-style.css file:
@import url( ‘../../style.css’ ); /* Import the theme’s styling */
Or replace with this:
/* @import url( ‘../../style.css’ ); Import the theme’s styling */
Then the standard WP style will be used.

[Dmitriy]

I have the same problem. In version 1.3.4 editor styles do not work correctly.

[Dmitriy]

@zed, thank you for your attention. I use 1024×512 thumbnails, it’s optimal for social sharing, so I have images of different sizes in srcset, everything is fine.

[Dmitriy]

@Zed, why should I disable the scrset filter if I can fix it? With my solution images are adaptive and displayed correctly.

[Dmitriy]

I think the trouble is that some thumbnails are cropped. Therefore, they seem to be enlarged. I solved this by editing setup.php.
Before:
`// Additional responsive image sizes
add_image_size( ‘fluida-featured-full’,
apply_filters( ‘fluida_featured_image_full_width’, ceil($fluids[‘fluida_sitewidth’]) ),
apply_filters( ‘fluida_featured_image_full_height’, $fluids[‘fluida_fheight’] ),
$falign
);
add_image_size( ‘fluida-featured-half’,
apply_filters( ‘fluida_featured_image_half_width’, 800 ),
apply_filters( ‘fluida_featured_image_falf_height’, $fluids[‘fluida_fheight’] ),
$falign
);
add_image_size( ‘fluida-featured-third’,
apply_filters( ‘fluida_featured_image_third_width’, 512 ),
apply_filters( ‘fluida_featured_image_third_height’, $fluids[‘fluida_fheight’] ),
$falign
);`
After:

// Additional responsive image sizes
	add_image_size( 'fluida-featured-full',
		apply_filters( 'fluida_featured_image_full_width', ceil($fluids['fluida_sitewidth']) ),
		apply_filters( 'fluida_featured_image_full_height', $fluids['fluida_fheight'] ),
		false
	);
	add_image_size( 'fluida-featured-half',
		apply_filters( 'fluida_featured_image_half_width', 800 ),
		apply_filters( 'fluida_featured_image_falf_height', $fluids['fluida_fheight'] ),
		false
	);
	add_image_size( 'fluida-featured-third',
		apply_filters( 'fluida_featured_image_third_width', 512 ),
		apply_filters( 'fluida_featured_image_third_height', $fluids['fluida_fheight'] ),
		false
	);

Then recreate the thumbnails. It helped me, might help everyone else.

[Dmitriy]

Google Chrome 55.0.2883.87. The problem is not that the shadows is the dark. I specifically did darker shade in the Developer tools (see the screenshots again) that it became evident the problem. Masonry div with shadows can be cut to any side (left, right and/or top).

[Author]

Posts