Archived topic

Flint Skin Dispatch: How to fix Pics sizes and full fill them?

1 reply · Started by XHAUER Media GmbH on January 4, 2021

Viewing posts 1–2 of 2

January 4, 2021 at 9:07 am #1605246

Hey Team,

yould you please have a look on my site https://talente.co/ and scroll down to the section "Schon lange beliebt" where you'll find the WP Show Post "Simple" block.

I'm searching for a solution how the Pics in this block will be fixed in their sizes and automatically be filled with the full hight of the underlying picture – so that these grey bars of a picture don't appear if a picture doesn't fully fill the entire box.

Already tested to set the height and width in the Simple WP Show Post Wigdet manually, but this doesn't lead to success.

Any ideas on your side?

Thanks a lot and best :)
Michael

January 4, 2021 at 2:41 pm #1605565

Hi there,

this happens because all 4 images have considerably different aspect ratios, each rows height is defined by the tallest image, the best option is to try and use images that are all the same shape and size.

Other than that, the only possible fix is to reduce the height of those particular posts using this CSS:

#wpsp-1471 .wp-show-posts-single.post {
    max-height: 250px;
}

Adjust the max-height to suit.

This archived topic is closed to new replies.

Start building better websites today.