Blog teaser element post images not aligned properly

I have the blog teaser on my homepage using elementor and the post images are not aligned properly as they should. Do I have to have all post images the same size to make this work?


Comments

  • Even after I resized all images (640px x 420px) to the same size, the image alignment is still not correct. How can I fix this?


  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Thanks

  • I sent a message on the contact form as I cannot share my link publicly.

  • Try the following CSS code:

    .blog-teaser .post img{
     width: 100%!important;
    }
    

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

  • great, that fixed it. do I have to make sure that all featured images for future posts are the same dimensions?

  • If you set up dimensions in Betheme -> Theme options -> Blog & Portfolio -> Featured Image, images will be sized according to your settings unless the uploaded image has smaller dimensions.


    Best regards

Sign In or Register to comment.