Archived topic
modify width of featured images
7 replies · Started by Joan on February 9, 2021
I've searched the forum, but I haven't found what I need, sorry to open a thread for it.
I'm using a layout with a 1100px wide container. I have loaded featured images of that size so that they properly occupy the entire width of the container. The problem is that the featured image displayed in the browser does not do this and is reduced on both sides.
How can I solve this?
Thanks
Hi Joan,
From what I can tell, the image on the page you've linked is only 900px in width:
https://www.screencast.com/t/QJLj2zjfVypB
Can you confirm?
Also make sure you don't have any value set in the featured image resizer:
https://docs.generatepress.com/article/adjusting-the-featured-images/
I was seeing the problem in the preview before updating the url, sorry. that's why you saw the previous image which was indeed 900 px.
Now the url is updated with the new 1200 px image and you can see that it doesn't take up all the space.
As for blog settings, I don't have those options to set the size of the featured image. Anyway, I'm using pages and not posts.
That's strage. I'm actually seeing the content container width at 1200px.
Do you have a layout element created?
https://docs.generatepress.com/article/layout-element-overview/
I did not create any design elements. In fact, it was the first thing I looked at to see if the design had any elements to edit, but that's not the case.
Hi there,
that is peculiar - as i can't replicate the issue locally - we'll do some more testing.
To fix the issue you can add this CSS:
body .page-header-image.grid-container {
max-width: 1200px;
}That solved the problem, thank you both.
Glad we could be of help
