Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 27, 2015 at 12:22 am #418934
    DunesResort

    Hi. I read in another closed ticket about changing page colors using page id and in another about how to change the main menu colors. I combined these and got almost perfect results. I just can’t get the main menu text and active page menu text to change from black to white. This is what I’m using. Any help would be greatly appreciated!

    /*Change the menu color*/ – STILL BLACK

    #top.page-id-14 .main_menu a {
    background-color:rgba(255,255,255,0) !important;
    color: white !important;
    }

    /*Change the active page color*/ – STILL BLACK

    #top.page-id-14 .current-menu-item > a {
    background-color:rgba(255,255,255,0) !important;
    color: white !important;
    }

    /*Change the submenu color*/ – WORKS GREAT

    #top.page-id-14 .header_color .main_menu .menu ul li a {
    background-color: #023133 !important;
    }

    /*Change the submenu hover*/ – WORKS GREAT

    #top.page-id-14 .header_color .main_menu .menu ul li a:hover {
    color: #cccccc !important;
    }

    March 27, 2015 at 9:58 pm #419636
    Elliott

    Hi Mike!

    Try this out.

    #top.page-id-14 .current-menu-item .avia-menu-text {
  color: white !important;
}

    Cheers!
    Elliott

    March 28, 2015 at 12:00 am #419677
    DunesResort

    That worked like a charm, Elliott, thank you.

    I need it to work for the main menu color, too. This is what I had which didn’t work:

    #top.page-id-14 .main_menu a {
    background-color:rgba(255,255,255,0) !important;
    color: white !important;
    }

    Based on what you sent me for the current menu item, I tried this and it also doesn’t work. Ideas?

    #top.page-id-14 .main-menu .avia-menu-text {
    color: white !important;
    }

    Thanks again.

    March 30, 2015 at 4:29 pm #420573
    Elliott

    Hi!

    It should be “main_menu” instead of a hyphen. You don’t really need that in there anyway though since your targeting the page directly. Just do this.

    #top.page-id-14 .avia-menu-text {
color: white !important;
}

    Cheers!
    Elliott

    April 2, 2015 at 2:05 pm #422474
    DunesResort

    I’ve got it worked out with your help. Thanks very much, Elliot.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Changing colors on Main Menu using page ID’ is closed to new replies.