Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1337179

    I have instituted an accordion, but I have two color issues:
    1. The text color on the hover is not changing to the color specified (white).
    Image 1
    Image 2

    2. After opening and then closing the accordion, the hover background is temporarily gray and the font color is still wrong.
    Image 3

    Thanks for your help in advance.

    #1337210

    Hey advteksol,

    Thank you for the inquiry.

    1.) The following css modification overrides the toggler color settings, which is why the toggler text doesn’t switch to white on hover. Please locate the css and remove it.

    .toggler {
        color: #719430!important;
    }
    

    2.) It is actually faded out on hover, which is the default style of the toggler on hover. If you want to adjust it, you can use this css code.

    .main_color .toggler:hover {
        background: #56751b !important;
        opacity: 1;
    }
    

    Best regards,
    Ismael

    #1337365

    OK thank, that helps.
    Is there a way to put the + and – that is on the default accordion style on this minimal style?

    #1337443

    Hi,

    OK thank, that helps.

    Yes, that should be possible. Try to use this css code to revert the toggle icon back to default.

    .av-minimal-toggle .toggle_icon {
        border-style: solid;
        border-width: 1px;
        margin-top: -8px;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1337563

    Thanks for the help!

    #1337671

    Hi,

    No problem. Let us know if you need anything else! :)

    Have a nice day.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Some Accordion Colors Not Working Correctly’ is closed to new replies.