Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2018 at 6:03 am #991396
    805ITS

    Hello,

    I added the following css code to add an overlay on the header menu, which works great :

    /* Added Overlay on Header Menu*/
#header {
  background: rgba(0,0,0,.2) !important;
}

    On the page “About” I would like it to be darker. How can I do this ?

    Thank you!

    July 30, 2018 at 6:40 pm #991665
    Jordan Shannon

    Hey 805ITS,

    It’s just a matter of targeting the specific page id. Please add the following to quick css:

    .page-id-63 #header {
  background: rgba(0,0,0,.2) !important;
}

    Just adjust the css that .2 to whatever you need.

    Best regards,
    Jordan Shannon

    July 30, 2018 at 7:51 pm #991688
    805ITS

    Thank you! :) It worked!

    July 30, 2018 at 8:07 pm #991694
    Jordan Shannon

    Hi,

    Perfect! I’m glad I was able to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change background color header menu overlay on specific page’ is closed to new replies.