Header Background Color

  • Resolved mprythero

    (@mprythero)


    10 years, 1 month ago

    I was curious if there was a way to change the background color of the header. Currently, it is completely transparent, which doesn’t work well color wise with the photos in the slider behind it. I tried adding the changes to custom css, but that doesn’t work. Is there a better way to go about this? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jaroslav Svetlik

    (@jerryscg)

    10 years, 1 month ago

    Hello mprythero,

    You can try adding next code to:

    Appearance -> Customize -> Styling -> Custom CSS

    #masthead { background-color: #desired color; }

    Best Regards

    Thread Starter mprythero

    (@mprythero)

    10 years, 1 month ago

    Thanks for the suggestion, initially I had been trying 

    .header_v1 .sticky-header{
background-color:rgba(255, 255, 255, .7);
}

    But I tried the same color pattern with your class id and it didn’t alter anything. Maybe I initially pointed to the wrong aspect when I had originally posted, so I am sorry for that. But when I add custom css through firefox console, the change works. But when I add the code to the css file or through custom css, it seems to be cancelled out by an “inline” style. Thanks again for the help.

    Jaroslav Svetlik

    (@jerryscg)

    10 years, 1 month ago

    Try with next:

    #masthead { background-color: #desired color !important; }

    or

    #masthead { background-color: rgba(255, 255, 255, .7) !important; }

    Thread Starter mprythero

    (@mprythero)

    10 years, 1 month ago

    That worked. Thank you!

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

The topic ‘Header Background Color’ is closed to new replies.

Tags