How to Change Menu header background color

  • Not sure why it is not in the theme options, but would like to change the header background color from white to another color?

    Sid

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

  • Hello @deadparrotsoftware

    To change the header background color at first you need to goto Admin Panel / Appearance / Customize / Advanced Options / Custom CSS.

    Here copy and paste below CSS

    header.tc-header {
    background-color: #e5808f;
}

    Hope this will resolve you issue.

    Best Regards!!

    Thread Starter deadparrotsoftware

    (@deadparrotsoftware)

    Actually, I used

    header.tc-header {
    background-color: #eeeeff; important!
    }

    Which worked. ??

    Exactly when does the css in “advanced options” get executed? (such as before or after other code for the page?)

    Hello @deadparrotsoftware

    I am glad that you have solved your issue.

    And answer to your question is CSS in “Advanced Options” get executed at first then the other code for the page because the CSS in the advanced option get hooked in the wp_head() hook which is above the <head> tag.

    Hope you Understand .

    Best Regards!!

    Thread Starter deadparrotsoftware

    (@deadparrotsoftware)

    yes, I understand, thanks. ?? Some themes have custom CSS sections that hook in when the body loads, and some (like Thrive) can set custom CSS on individual pages. Just needed to know how yours worked.

    It is a nice theme, plenty of options (though changing that menu header background color should be one!), but has 2 issues: I can’t seem to get rid of the ‘page title’ at the top when creating a blank page, and the theme seems a bit “heavy” in size (25 meg directory), so may not work where we have hosts sharing hosting – each site loading a heavy theme will suck up memory. ??

    But otherwise, I like the theme. ??

    Sid

    Hello. I am a beginner. i am using “Sydney” theme to create my wordpress website.
    My theme has a Full Screen Slider and I want that along with the slider,At top Menu Color as “BLACK”. Example website is “https://www.themidwestasian.com/&#8221;.

    As per your responses I have changed my Custom Css as below:

    .widget_sydney_latest_news .roll-button {
    display: none;
    }
    body > .preloader{ display: none; }
    .widget-area .widget {
    padding-top: 0;
    }
    .site-info {
    text-align: center;
    }

    #gallery-1 {text-align: center;}
    figure.gallery-item {margin: 5px; width: 267px; display: inline-block;}

    header.tc-header {
    background-color: #000000;
    }

    I am not seeing the updated background colour as “BLACK”.
    Please suggest where I am wrong.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Change Menu header background color’ is closed to new replies.