How to display Blog Post images as thumbnails

Support
#1

Hello,

I have a question reagarding the blog post images. Is there a possibility to get the featured images if I write a blog post so that the Images is automaticly fitting the size like a thumbnail?

Because now every image is in a different size and also doen’t really look good at the blog-page.

Thank you for your help.

#2

Hey @Baauer,

Thanks for writing in. Please give us the URL of your blog page so we could see the issue. It sounds like you’re using small image resolution though. Please try using higher resolutions 1200px

Thanks.

#3

Hey @christian_y,

I’m actually using big pictures.

But here is my site to maybe check:

Thanks.

#4

Hi There @Baauer

Try to use similar high resolution images as mentioned by @christian_y.

For example, one of your original image size of a post is 150px width x 294px height (https://i1.wp.com/bauer-fotobox.de/wp-content/uploads/2017/07/IMG_2716-2-e1509810406648.jpg?fit=150%2C294&ssl=1).

Another post 350px X 350px (https://i1.wp.com/bauer-fotobox.de/wp-content/uploads/2017/11/22552381_1326754967452163_869852268329334947_n-e1509810145168.jpg?fit=350%2C350&ssl=1)

Some other post 1024px X 768px, another one 858px X 536px etc. That is the reason you see those images resized unevenly.

Try to use similar high resolution images, so that your thumbnails will be in the same size. You can also use a photo resizer tool to resize and crop your images before uploading to the posts.

Hope that helps.
Thanks!

#5

Alright, tanks for the tip. But I think that is because of the code I get from th team which i inserted.
But however isn’t there a possibility to fit the pictures automaticly to a thumbnail to make it also look good?

Thanks.

#6

Hi There,

Please find this custom CSS:

.blog .x-main .entry-featured img {
    min-width: auto;
    width: 50%;
    margin: auto;
    display: block;
}

And change to this:

.blog .x-main .entry-featured img {
    min-width: auto;
    width: 100%;
    margin: auto;
    display: block;
}

Let us know how it goes!

#7

Hello,

that worked perfect. But how can I fit the pictures in the post itself so that it is only a thumbail instead of an large Image?

See here: https://bauer-fotobox.de/bauer-fotobox-jetzt-auch-auf-instagram/

Thanks.

#8

Hey @Baauer,

There’s no option for that. It might be possible with custom development but that would be outside the scope of our support. For this, you’ll need to consult with a developer especially someone who can work closely with you to achieve your specific requirements.

Thank you for understanding.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.