Goran – Header Image vs Grid View

  • Unknown's avatar
    fallingrocket · Member ·

    Hello! I would like to keep my header image the same across all pages of my website, but when they are displayed on a grid page, I would like them to have unique images instead of just repeating the main header. Is there a way to override the display on these child pages so the page itself shows the “main” header, but when they are on a grid page they have their own unique image?
    Link: https://poolepublishing.com/
    Thank you for your help!!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, we can do that. In the following example, I have looked in the opening body HTML tag with my web inspector and found the unique page id CSS class and then preceded the CSS selector for the div that has the image in it and then randomly grabbed an image from your media library for the background image declaration. You can use this as a guide for creating additional changes on other pages. 

    .page-id-57 .hero.without-featured-image {
    background-image: url("https://poolepublishing.files.wordpress.com/2016/08/cropped-web-banner4.jpg");
}

    Let me know if you have additional questions or have problems.

  • The topic ‘Goran – Header Image vs Grid View’ is closed to new replies.