Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2013 at 9:20 am #26267
    Sparkwoodand21

    Hello. I’m trying to have a dark blue header with a white logo. I’ve got that far, but my menu link colours are still dark and not clear. I can’t find where to adjust them as no settings in the styling section seem to help. Also, this affects the mega menu as the background to this becomes dark blue too and none of the text can be read.

    Is there any way to adjust this? Or am I missing something really simple? Many thanks.

    July 18, 2013 at 2:11 am #129884
    Devin

    Hi

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .header_color .main_menu ul:first-child > li a,
    
.header_color .main_menu ul:first-child > li.current-menu-item > a,
    
.header_color .main_menu ul:first-child > li.current_page_item > a,
    
.header_color .main_menu ul:first-child > li.active-parent-item > a {
    
color: #c00;
    
}
    
#top .header_color .main_menu ul:first-child > li a:hover,
    
.header_color .main_menu ul:first-child > li.current-menu-item > a:hover,
    
.header_color .main_menu ul:first-child > li.current_page_item > a:hover,
    
.header_color .main_menu ul:first-child > li.active-parent-item > a:hover {
    
color: #cc0;
    
}
    

    
#top .header_color .main_menu .menu ul .current_page_item > a {
    
color: #c00;
    
}
    
#top .header_color .main_menu .menu ul .current_page_item > a:hover {
    
color: #cc0;
    
}

    Then modify the color codes as needed. This will give you the most direct control.

    Regards,

    Devin

    July 18, 2013 at 10:38 am #129885
    Sparkwoodand21

    Hey Devin, thanks for the reply. Some of it seems to work. Is there a way to change just the background colour of the mega menu to white? I can stick that in the Quick CSS and I’ll be done.

    Cheers,

    Duncan

    July 20, 2013 at 2:58 am #129886
    Devin

    You can try:

    #top #header .avia_mega_div .sub-menu {
    
background: #999;
    
}
    
#top #header .avia_mega_div .sub-menu .sub-menu li a{
    
background: transparent !important; /*remove the background of the sub menu links*/
    
}

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Colours Control’ is closed to new replies.