Adjust featured image size

[Hilton]

Hi,

I’ve noticed that my featured images have different heights. Some are taller and others are shorter. Is there a way to padronize them to the same height?

ex: http://bit.ly/2mnzO7D vs http://bit.ly/2nLuBH4

Thanks

[Leo]

Hi there,

You can use the resizer options in the customizer:
https://docs.generatepress.com/article/adjusting-the-featured-images/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

Hi,

I guess my problem is more related to cropping image than resize. I’ve tried resizing using customizer but it didn’t work.

[Leo]

I’m not sure if I understand. What should the end result be?

The resizer should work – make sure to select Posts if you want to edit single posts featured image size:
https://www.screencast.com/t/4QehjC9r

You can set the height only and leave the width to auto.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

The resizer didn’t work. This is the current configuration https://prnt.sc/pbvp4e

[Leo]

Have you added this CSS anywhere?
https://www.screencast.com/t/pX8b7P7M9Rc

Can you clear and disable your caching plugin first?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

Yes, we added this CSS. It is necessary to remove this CSS?
Will check here to disable the cache.

[Leo]

Yes please try to remove the CSS as it’s likely overwriting the image resizer option.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

Hi Leo,

I’ve removed the CSS as you can see here http://bit.ly/2neiDFV

But how can I make features images full width without having the same problem?

[Hilton]

I tried to adjust width to 750px but it didn’t work

[Leo]

Your original image is only 649px in width.

Can you try uploading a bigger image? Try something around 850px in width.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

This is not the best solution to me because there are several images like this. I need to stretch the image to full width.

[Leo]

You could try this:

.featured-image img {
    width: 100%;
}

But it will make the image blurry obviously.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Hilton]

Ok, thanks

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts