Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 22, 2015 at 2:41 pm #507073
    libelum

    Hi
    I would like to change the color of the menu items when selected, as well as the line below (from black to #5d609d)
    not sure where to change that…

    View post on imgur.com

    thaaaanks
    Delia

    September 22, 2015 at 3:11 pm #507100
    Yigit

    Hi libelum!

    Please add following code to Quick CSS 

    .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: #5d609d !important;
}
.current-menu-item > a > .avia-menu-fx {
    background-color: #5d609d !important;
}

    Best regards,
    Yigit

    September 22, 2015 at 3:26 pm #507119
    libelum

    Hi Yigit
    thank you so much, it works!
    but I’m afraid I used the wrong words.. I said “when selected” I also wanted to say “on hover” (when mouse goes on)
    so the code you gave is perfect, now will be missing the color change for “on hover” (when mouse goes on)
    sorry about that!!! :(

    thaanks
    Delia

    September 22, 2015 at 3:30 pm #507125
    Yigit

    Hey!

    No worries at all :)
    Please change following code 

    .current-menu-item > a > .avia-menu-fx {
    background-color: #5d609d !important;
}

    to following one 

    .avia-menu-fx {
    background-color: #5d609d !important;
}

    And then go to Enfold theme options > Advanced Styling and edit “Main menu links” and make sure to check “Apply only to mouse hover state”

    Best regards,
    Yigit

    September 22, 2015 at 3:49 pm #507148
    libelum

    Thank you Yigit :)

    ok, when selected works perfect, but when mouse hover
    menu item remains in black and part of the line (that covers the whole submenu box) is black as well

    View post on imgur.com

    thaaanks

    September 22, 2015 at 3:54 pm #507151
    Yigit

    Hi!

    Please add following code to Quick CSS in that case 

    .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
    border-top-color: #5d609d !important;
}
.header_color .main_menu ul:first-child > li a:hover {
    color: #5d609d !important;
}

    Best regards,
    Yigit

    September 22, 2015 at 3:58 pm #507156
    libelum

    now its perfect!
    thank you so much!

    solved

    Delia

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Color modification’ is closed to new replies.