Archived topic
Full width blog featured image
3 replies · Started by Oisin on February 6, 2020
Hi there,
Loving the theme, recommending it to everyone and voting for it in every poll I see.
I'm about to start creating a lot of content so need my blog articles looking good. How do I make the hero images full width? I am using some custom CSS mentioned here before by Dave to reduce the container size of blog articles without affecting standard pages. Could this be restricting the Customizer settings for featured images. Any fix very welcome.
Many thanks,
Oisín.
Hi there,
Try setting it to above content area for posts:
https://docs.generatepress.com/article/adjusting-the-featured-images/
Then add this CSS:
.featured-image.grid-container.grid-parent {
max-width: 100%;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Then make sure your featured image is wide enough.
Let me know if this helps :)
Hi Leo,
That doesn't seem to be working. This is the CSS I already have in place to keep the blog width narrow without affecting any other page types. I wonder is this limiting things?
.single .inside-article {
max-width: 730px;
margin: 0 auto;
}
It doesn't look like your featured images are set to be above the content area. Can you confirm you've set that option in the "Posts" area in Customize > Layout > Blog?: https://docs.generatepress.com/article/adjusting-the-featured-images/
