Blog post featured images size

  • Hello all,

    As default the theme I am using for my website changes the featured blog post images to different sizes. I am trying to get all the featured blog images the same size so they fit side by side on desktop, mobile looks good already! is there maybe some css code I could add to fix this?

    It would mean the world if someone could help me with this!

    Blog: https://www.spicytulips.com/blog

    Thanks!

    Franklin

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi Franklin,

    Have you tried posting blog posts with same images of same dimensions? What happens in this case? How the blog posts appears with images on your homepage?

    Thread Starter wordpressfrank

    (@wordpressfrank)

    Hi a2hostinglk,

    I did indeed try it with the same sized images on different types of pages. Unfortunately this didn’t change the layout of the blog posts…

    Thanks for your advice!

    Cheers,

    Franklin

    Hi Franklin

    The blog posts (& images) looks fine on your website as of now. What issue are you experiencing currently?

    Just for your reference, I looked at your site and found this in your stylesheet (you can modify this as per your requirements).

    body.blog:not(.woocommerce) .blog_layout_2 .bg-image-wrapper .bg-image {
    width: 350px;
    height: 350px;
    object-fit: cover;
}
    Thread Starter wordpressfrank

    (@wordpressfrank)

    Hi @a2hostinglk,

    Thank you for looking at it again. I did try to change that code but the images only zoom in when I change those px. I would like to have the image much larger than how they appear on the website now.

    Thanks again!

    Cheers,

    Frank

    Hi Frank,

    In that case, simply change the dimensions of the image.

    Hi Frank – Just checking if this issue has been resolved or you are still experiencing the image dimensions issue?

    Any update @wordpressfrank?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Blog post featured images size’ is closed to new replies.