Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 22, 2017 at 7:06 pm #736994
    navindesigns

    FAQ

    how do i change the Accordion Toggle Plus Icon Hover Color from gray to white on just hover and active?

    January 22, 2017 at 10:32 pm #737020
    Basilis

    Hi navindesigns!

    Please use this for the + icon:

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #666666;
}

    Use this for the active tab:

    .main_color .toggler, .main_color .toggler.activeTitle:hover {
background: #2c5b9c !important;
color: white !important;
}

    Let us know if we can do anything else.

    Best regards,
    Basilis

    January 23, 2017 at 3:35 am #737070
    navindesigns

    hi

    I need the + icon HOVER color to be white

    January 24, 2017 at 11:30 pm #737990
    Qgrafica_7

    I have the same problem, i’d need to know how to change the + icon color ONLY on HOVER

    January 25, 2017 at 12:12 am #738018
    Basilis

    Hey!

    Pelase try

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon:hover {
border-color: #666666;
}

    let me know if it works

    Regards,
    Basilis

    January 25, 2017 at 12:17 am #738021
    navindesigns

    That did not work, it made the regular/off state color white

    Just to summarize for the +icon and square outline around it, i need the off state to be #666666 and the hover state to be #ffffff

    FAQ

    January 28, 2017 at 8:02 pm #739746
    Nikko

    Hi,

    Try using this css code:

    #top .av_toggle_section:hover span.toggle_icon .vert_icon, 
#top .av_toggle_section:hover span.toggle_icon .hor_icon {
    border-color: #fff;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    January 28, 2017 at 8:13 pm #739751
    navindesigns

    thanks that works

    i have one final issue

    when i move my cursor away from the open toggler, the title bar section should remain blue background with white text, instead it goes back to being light gray with dark gray text

    how do I keep the active open toggler title bar to remain blue background with white text when i move my cursor away from it?

    FAQ

    February 2, 2017 at 8:05 am #741612
    Ismael

    Hi!

    Please add this css code.

    #top .av_toggle_section .activeTitle {
    background: blue;
    color: white !important;
}

#top .av_toggle_section .activeTitle span.toggle_icon .vert_icon, 
#top .av_toggle_section .activeTitle span.toggle_icon .hor_icon {
     border-color: #fff;
}

    Adjust the color as needed.

    Cheers!
    Ismael

    February 2, 2017 at 6:32 pm #741967
    navindesigns

    that works

    thanks again

    February 3, 2017 at 12:02 am #742100
    navindesigns

    any update on this post?

    Remove rollover/hover text on Gallery thumbnails

    February 7, 2017 at 7:20 pm #744037
    Andy

    Hi,

    I replied.

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Accordion Toggle Plus Icon Hover Color’ is closed to new replies.