[Resolved] How can we have featured image have same size

[Mohammed]

Hi,

I Hope this message finds you well.

I’m having a blog with varied featured images sizes, portraits. It’s look messy like that.

I’m using a content template element, but the sizing in the dynamic featured image is not working.

So is there a way to crop image to same size?

https://staging.tripletsmum.com/blog/

Thanks.

[David]

Hi there,

try adding this CSS:

.dynamic-featured-image, .dynamic-author-image {
    max-height: 250px;
    object-fit: cover;
}

The alternative method is to edit the Content Template. Replace the Dynamic Image Block with a Container Block, give that block Spacing a minimum height eg. 250px. Set the Background Image and then in the Container blocks toolbar set the Dynamic Background to Featured Image.

[Mohammed]

Thank you very much,

Second method worked perfectly. First option was still having issue with smaller images.

[David]

Awesome – glad to hear that worked!

[Justin]

The alternative method is to edit the Content Template. Replace the Dynamic Image Block with a Container Block, give that block Spacing a minimum height eg. 250px. Set the Background Image and then in the Container blocks toolbar set the Dynamic Background to Featured Image.

Wow, thanks so much David! This one was really stumping me. Setting a background image (that ultimately, isn’t displayed) was not intuitive so I’m so glad you knew about this!! Thanks a million.

[David]

Glad to be of help!

[rex wickham]

Extremely useful answer!

[David]

Glad to hear that was of help!

[Author]

Posts