Topic: picture size of blog post

tomdfn
April 8, 2025 at 10:21 am

HI guys,
i have some problems with perfect picture size of wordpress and generatepress themes.
i take pictures with my phone in format 4:3 (533×400)then the picture is too large from top to bottom if i compare to the example pictures in generatepress themes.
then i changed in my phone picture size to 16:9 (677×382) this is to small from top to bottom.
When i download pictures from unsplash the have the format 640×426 and this seems to be the size generatepress uses for the example photos in the themes as well.

Now i am confused and i dont know how to make the perfect picture format for my wordpress blog.
can you help me with that?

In some forum they said 16:9 picture format would be perfect for the wordpress blog. ON the phone i can only adjust 3:4 and 16:9 format.

It would be great if you could give me some help.
thanks in advance for your kind help
Ying
April 8, 2025 at 1:18 pm

Hi there,

There is NO perfect picture format, as every site has a different design.

The best image size is to get as close as possible to what it renders on the front end. But yes, design will get easier if all your images have the same aspect ratio.

And yes, we can use custom CSS to change the image aspect ratio when it renders. 🙂
tomdfn
April 16, 2025 at 11:02 am
Hi there,
thanks a lot for your kind help.
i read in this forum that i could change CSS to change picture size of featured pictures. I assume featured pictures are the pictures shown in the blog and in the overview of the blog entries.

i used this code for limit featured image size and put this into the style.css of the child theme which i use, but it doesnt work.
```
.dynamic-featured-image, .dynamic-author-image {
    max-height: 250px;
    object-fit: cover;
}
```
should i put this code in the customizer or is the place of style.css correct or where should i put this code that it works.
Until now the overview of the blog entries looks not good because the picture size is differnt from height.

i am using the explore theme and on the home site i want to edit the featured images in latest article to the same size of images.

thanks a lot for your kind help
Ying
April 16, 2025 at 12:55 pm

i used this code for limit featured image size and put this into the style.css of the child theme which i use, but it doesnt work.

The CSS only works if your image has dynamic-featured-image or dynamic-author-image class.

should i put this code in the customizer or is the place of style.css correct or where should i put this code that it works.

Customizer > additional CSS.

i am using the explore theme and on the home site i want to edit the featured images in latest article to the same size of images.

I don’t think you need CSS, you should be able to make the settings work for the image block.

Here’s a screenshot for your reference:
https://app.screencast.com/GPySYiFIk9B1Y
tomdfn
April 16, 2025 at 1:37 pm

Hi Ying,
thanks for your quick answer.
Yes with your screenshot its very easy to understand.
It works and its a perfect solution.
thanks so much for your help i was looking hours for a solution and you helped me a lot.
Thanks for your kind help
Ying
April 16, 2025 at 1:51 pm

You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

picture size of blog post