Archived topic
Top Image Header on Blog?
3 replies · Started by Asiya on June 7, 2020
For my blog- can I add a feature image at the top (like the ones I have on eat: https://byasiya.com/eat/ and meditate) https://byasiya.com/blog/?
Hi there,
the WordPress Blog page does not support featured images. WP simply ignores the Featured Image meta box ( and any other meta box ) when editing the Blog page.
Instead you would create a new Header Element:
https://docs.generatepress.com/article/header-element-overview/
If you want a title overlaying the image then add some HTML to the hero content eg.
<h1>Blog</h1>
If you only want an image displayed add a HTML comment eg.
<!-- Blog hero -->
Now give the element some Top and Bottom Padding to give it some height.
Set the Background Image to Custom Image, and select the image you want displayed.
For Display Rules you need to select Blog.
HOWEVER - i recall you have a Header Element set to display the line below your Menu. You will need to delete that or the above and other heros will not work. Instead you can use this CSS to add that underline.
.main-navigation {
border-bottom: 1px solid #2f3031;
}
AMAZING!! Thanks for being so thoughtful and thinking of the line below navigation. I appreciate it.
You're very welcome