Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #42799
    Dan Hewitt
    Guest

    Hi all.

    I am trying to hide headers and footers on a specific page – http://www.dansenseienglish.com/studysquad

    I am using Crio premium and I have tried adding the following code to the CSS editor

    .page-id-107 header, .page-id-107 footer {
    display: none; !important
    }

    Not sure what I am doing wrong – Any suggestions?

    #42814
    Joseph W
    Keymaster

    Hi Dan!

    I just checked the studysquad page on your website and it looks like you were able to get the Header and Footer hidden as expected. I also checked the page markup and found the custom CSS rules responsible for changing the display for those elements:

    body.page-id-107 #masthead {
    display: none;
    }
    body.page-id-107 #colophon {
    display: none;
    }

    There are some default rules in our Crio WordPress theme that use the #masthead and #colophon IDs to set the display: flex style for those page elements and I believe they were responsible for overwriting your previous custom CSS since any rules that target IDs have high specificity than rules that only target element types.

    Hopefully that page is displaying as expected for you now and please let us know if there is anything else that we can do to help!

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Trying to hide headers and footers on a specific page’ is closed to new replies.