Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 24, 2014 at 10:40 pm #214621
    Monsoon

    I have a rather tricky need. I can t use the admin section to set the colors of fonts because we have a weird design for the background of the navigation and the mega menus. Basically the header has a special Bg color, the mega menu also has a different background. So if I have a black bgr menu on the header I need a white font there and since the mega menu itself is white then I am stuck with using a mid color like a grey for the drop downs and mega menus links. I have to set them in the Custom css because the admin section uses the same color for the main menu and the drop downs/megas

    Could you tell me what would be the custom css tags for

    Main menu bacground color
    Main menu main links ie HOME MENU PORTFOLIO etc
    menus links.

    I basically need the main menu to be white and grey mouseover and the childs/drops downs and mega menus to have black links/visited/hovers

    Sorry if not clear, too many classes and not enough sleep
    Thanks again in advance

    January 25, 2014 at 2:49 am #214665
    Ismael

    Hey Monsoon!

    What type of header do you have?

    You can use this for the main menu color:

    .header_color .main_menu ul:first-child > li > a {
color: red;
}

    You can use this for the menu background:

    
.header_color .main_menu ul:first-child > li {
background: white;
}

    A screenshot of what you’re trying to do will help.

    Regards,
    Ismael

    January 25, 2014 at 6:20 pm #214851
    Monsoon

    http://imgur.com/cbyKgqB

    Check this mockup

    The Main menu needs to be white with blue background and the little bar under it red
    Then the mega needs a white background, a black color for links and for hovers a white on blue

    I can t do that with the admin dashboard and on t know the names of the css tags to be set individually in the Custom.css

    Thanks in advance

    January 25, 2014 at 11:49 pm #214911
    Ismael

    Hey!

    Please use this for the header background:

    .header_color .header_bg {
background-color: blue;
}

    Change the menu color with this:

    .header_color .main_menu ul:first-child > li > a {
color: white;
}

    This is for the sub menu:

    .header_color .main_menu .menu ul.sub-menu li a {
color: black;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold – Main menu and childs font colors’ is closed to new replies.