Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #277419

    Hi, i’ve been asking a lot of questions. Hope i’m not too much of a bother.

    I’m trying to customise the main navigation a little, and trying to give each link a different colour.
    so active state, hover state including the line that appears under the link.

    so i’ve done the following but it doesn’t seem to work.

    .menu-item-3121 .main_menu ul:first-child > li > a { font-size: 18px; color: red!important; background-color: green; }
    .menu-item-3121 .main_menu ul:first-child > li > a:hover { color: orange!important; }
    .menu-item-3121 .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: blue!important; }

    #277636

    Hi!

    You need to target the avia-menu-text element inside each menu item, so the code would be:

    .menu-item-3121 .main_menu ul:first-child > li > a .avia-menu-text{ font-size: 18px; color: red!important; background-color: green; }
    

    Cheers!
    Josue

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

You must be logged in to reply to this topic.