Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21521

    I want to change the color of the main menu bar area to extend across the entire screen and from the top of the slide show to the bottom of the gray divider line below the logo. I tried the following code in the quickCSS area, but it only colors the background of the menu text items. I need a broader area covered.

    #top .main_menu ul.menu > li > a {

    color: red;

    background: #5a4099;

    font-weight: normal;

    }

    What code should I use? And of course that brings up the next point: How do I change the color of the divider lines in the main menu area?

    #112132

    Hi,

    You can use this on your custom.css

    .container_wrap.container_wrap_menu.header_color, .header_color .main_menu ul {
    color: red;
    background: #5a4099;
    font-weight: normal;
    }

    To change the separator color, you can add this.

    .header_color a {
    border-color: red;
    }

    Regards,

    Ismael

    #112133

    Is there a way to just change the top bar without it affecting the dropdowns? or a way to change the dropdown menu color separately from the main header menu?

    #112134

    Hi!

    Yes – you can use:

    #top .main_menu li a .sub-menu > a{
    color: #5a4099;
    }

    - this code will only affect links in the sub menu dropdowns.

    Regards,

    Peter

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

The topic ‘Change Main Menu Bar Color’ is closed to new replies.