Changing Navigational Bar Color

  • Resolved brokwebb

    (@brokwebb)


    11 years ago

    I am trying to change the color of the navigational link bar across the top of all the pages. The black is completely fine, but I need to get rid of the red and change it a green color.

    Would also like to change of the color of where it says home and has a background of red and also the red lines it uses to separate content.

    Link to Site: teeofftimesandmore.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • SomewhatRounded

    (@somewhatrounded)

    Hey,

    The nav border can be changed to:

    .main-nav {
    border-bottom: 3px solid green;
}

    Page title:

    .page-title {
    background: green;
}

    Lines used to seperate content:

    .widget-title, .footer-widget-title {
    border-bottom: 3px solid green;
}

    You can substitute “green” for a colour code of your choice, of course. You’d just have to make the changes using the custom css box ??

    Michael

    (@mh-themes)

    Hello Brok,

    thanks for downloading MH Magazine lite.

    There are more elements on the site with the red color, I quess you want to change all elements, when you spot them… ??

    Instead of adding it to the custom CSS box, you can create a child theme instead, copy the CSS of style.css to the style.css of your child theme and change everything there with color #e64946 to the color you want. Then all elements (tags, submit buttons, etc..) will be in your color.

    https://codex.www.ads-software.com/Child_Themes

    Btw. the premium version of the theme has color options included so there you don’t have to modify the code and can change the colors very easily using colorpickers. You can read more about the premium version here: https://www.mhthemes.com/themes/mh/magazine/

    I wish you a nice weekend.

    Regards
    Michael

    PS: Thanks @ SomewhatRounded for answering this thread! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Navigational Bar Color’ is closed to new replies.