Header specific to Blog page

  • Unknown's avatar
    lindacassidylewis · Member ·

    On my site, I have a front page and a blog page. At present, the same header image appears on both of those. Is it possible to have a header image specific to the blog page?

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    The blog page will always show the custom header set for your theme in the Customizer.

    But your theme supports featured image headers, so if you upload a featured image that’s big enough on your front page, then that should appear as the header instead of the site’s custom header.

    It looks like you currently have the same image added in both places. If you upload a different image as the front page’s featured image, that should show instead.

  • Unknown's avatar
    lindacassidylewis · Member ·

    Thank you, but the image that appears on the front page is not a custom header but the featured image, so I can’t add another one.

  • supernovia · Staff ·

    Can you edit the featured image for the front page, so that it’s different from the one you’ve selected for the blog page?

    In short, to change the image on the front page, edit that page’s featured image. Same goes for the image on any individual page or post.

    Except for the posts page. That one will use the “header” image specified in the customizer, as will any post or page that doesn’t have its own assigned featured image.

  • Unknown's avatar
    lindacassidylewis · Member ·

    Supernovia, I have a custom header image that is also set as a featured image on the front page. If I hide the custom header in Customize, neither the featured image nor the the site tagline displays on the front page. Nor does the featured image I have set for the posts page appear there. No custom header = no image at the top of either page.

    I tried setting the image I want to appear on the posts page only as the custom header, but that resulted in the image displaying on both the front page and the posts page.

    So it seems that there is no way to have an image other than the custom header on the posts page.

  • supernovia · Staff ·

    So it seems that there is no way to have an image other than the custom header on the posts page.

    Correct. In this theme, the Posts page (and really any page that shows a list of posts rather than a single post) will always use your header image from Customize. Individual pages and posts can that with their featured image, if they have one.

    Does that make sense? That’s how this theme is designed, but it sounds like you’d like it to do something else.

    I did notice you have Custom Design, so if you’d like to let us know specifically which image you want on your posts page vs your home page vs whatever other pages on your site, we may be able to find a solution through CSS.

  • Unknown's avatar
    lindacassidylewis · Member ·

    Thank you. I’d love to have the CSS. Here’s the image I’d like to use on the posts page: https://lindacassidylewis.files.wordpress.com/2019/07/bloghead-1.jpg

  • fstat · Staff ·

    Hi there,

    Try the following CSS code:

    .blog .custom-header-image
{
background-image: url(https://lindacassidylewis.files.wordpress.com/2019/07/bloghead-1.jpg) !important;
}

    To add this code go to My Sites > Design > Customize > CSS.

  • Unknown's avatar
    lindacassidylewis · Member ·

    Well, I tried that before, but it didn’t work, so I must have missed something when I inserted the URL. So thank you for the complete syntax; it worked perfectly.

  • staff-zinnia · Staff ·

    lindacassidylewis – Thanks for letting us know that you are all sorted. Happy Friday :)

  • The topic ‘Header specific to Blog page’ is closed to new replies.