Posts block image ratio not working on front end

  • Resolved Jason_K70

    (@jason_k70)


    3 years, 2 months ago

    Hi. In the Image Settings for the Posts Block, the image ratio setting doesn’t seem to be working properly when viewed on the front end. It works fine in the editor, and I can see the images changing correctly in real time when I try out each ratio setting, but on the front end this is not being honoured. I’d like different sized images to all fit to the ratio specified, but this seems not to work. I’m using the a basic Twenty Twenty-One child theme and have made almost no changes to the CSS so far. If anyone could offer any advice, it would be much appreciated.

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hello,

    Thank you for reaching out to us.

    I can see that if the Theme is Twenty Twenty-One, the images have inline height values which is the reason why our CSS is not being applied.

    For now, I would suggest adding this custom CSS code:

    .theme-twentytwentyone .wp-block-kadence-posts .loop-entry .post-thumbnail img {
    height: 100%!important;
}

    I have sent a note regarding this to our development team.

    Hope this helps.

    Best Regards,
    Karla

    Thread Starter Jason_K70

    (@jason_k70)

    Hi Karla,

    That’s worked perfectly. Thanks so much for the quick response.

    Best,
    Jason

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Posts block image ratio not working on front end’ is closed to new replies.