Change image size on blog posts on home page

Hello @tpl22

Thanks you for reaching us !

We have created a custom css for the lower height of the image, you can also change the px number.
How can you add this custom CSS?
Simply enter the wordpress dashboard -> Apparance -> Customize -> Additional CSS -> insert the code below -> then click on the “Publish” button.

.post .post-image img{
height:400px;}

I hope I could help you!

Please let me know if you have more questions !

All the best,
Marian

(Edit – I had to add another post below since the images now look squished)
Thank you! you have the best customer support. I was about to start looking at other themes but now I can keep using this one. Thanks so much. – Tom

• This reply was modified 4 years, 2 months ago by tpl22.

Hi, it looks like I need a little more help. The code changed the image height on the home page. But now I can’t figure out what size the images should be so they aren’t compressed. I’ve tried a few different sizes. They look fine on the individual post page. But then they get squished on the posts part of “Home”. I’m tried a few aspect ratios that seem like they should work. But they get distorted on the home page.
What dimensions would you recommend to upload the images so they look good on the home page and post page?
Thanks,
Tom
You can see the squished images on home page here, https://www.maywoodhillspta.com/

Hello @tpl22 ,

The resolution that was before in that code looks like this

.post .post-image img {
height: 600px;}

If you enter this code everything will return to normal.
I would recommend a size of about 400×300 I think that would be so good in my opinion.

Please let me know if you have more questions !

All the best,
Marian

Thank you, that seemed to fix it.

Sorry, it’s still not working. On the home page, they pictures for the blog posts are either smushed or stretched depending on the size of the window. On my phone, they are smushed, and on my PC with a normal size window they are stretched width wise. Is there a way to make them a static size so they don’t change based on the window size? This is right on the front page of the site and I’ve already gotten a few emails about it ??

Hello @tpl22,

Unfortunately I didn’t understand, so do you have a problem with the phone version? I accessed your website on the phone version and it works well for me without any problems.
What do you want to do a custom CSS so that the images in the Posts all remain the same size.
I want to apologize for the delay.
I wish you a nice evening !

Please let me know if you have some more questions !

All the best,
Marian

Marking this support thread as resolved due to inactivity. If you have any other questions or need further help please open a new thread.

Warmly,
Marian

Sorry to open this up again. Let me explain more clearly because I still can’t fix it and it’s frustrating. but I know you’re trying to help which I appreciate.

On the home page of my website, I show a list of blog posts.
https://www.maywoodhillspta.com/

Scroll down a bit and find the “La Posada” post. You can see the featured photo there.

When you click on that blog post, you can see the actual photo in the post. It’s larger and not squished and higher quality.

I’m not sure why it’s showing up differently on the front page vs. the actual post page. I’m just setting a “featured image” and I tried to use the right file size and aspect ratio.

It’s the same for all the other posts.

I created an image to show you what I mean.
https://1drv.ms/u/s!AqXy_dSIlCZWr-xMq3Ja__7v18FJKw?e=HkjdPA

Hello @tpl22

We apologize a lot for the delay, but I asked you a previous question, unfortunately you did not answer that. Okay, so I understand that you have added a Custom CSS for these sections, https://gyazo.com/067c169df689e8a408cf5725c3c094ef you can send us a screenshot with the CSS code to check with us if everything works fine.

Warmly,
Marian