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

    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.



    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 > > 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 > > 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.




    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.




    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*/

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

The topic ‘Header Colours Control’ is closed to new replies.