How to invisible the header images?

  • Author
  • #97528


    I’m using Codex. I want to invisible the header images (hero images) on other pages except for the Home page. Could you tell me how I can fix it? Thank you.



    Cryout Creations Team

    Try the following CSS:

    body:not(.home) #header-image-main {
       display: none;

    Keep in mind that the header titles and breadcrumbs are part of the header image area, so those will be hidden as well.

    If you like our creations, help us share by rating them on
    Please read the available documentation and search the forums before posting.
    Power User

    Worked perfectly!
    Thank you Zed!


    That’s what I want. It works well. Thank you, Zed!

Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.