[Resolved] Top Image Header on Blog?

Home Forums Support Top Image Header on Blog?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1318453
    Asiya

    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/?

    #1318876
    David
    Staff
    Customer Support

    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;
    }
    #1319172
    Asiya

    AMAZING!! Thanks for being so thoughtful and thinking of the line below navigation. I appreciate it.

    #1319450
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.