Navigation
Archive / Accordion color hover change in different states
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 27, 2016 at 3:35 pm #902998
    Julianne
    Participant

    Hi there!

    I’ve found several topics on how to change the accordion colors during various states, and they do work. However, I can’t get the background color to stay once the accordion is open and if you hover over the title. It all turns the same color white or light gray. Is there a way that I can keep that background color from changing regardless of the stage it’s in?

    Thank you…

    April 27, 2016 at 3:35 pm #902999
    Julianne
    Participant
    This reply has been marked as private.
    April 28, 2016 at 4:36 am #903787
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To change the colors of the accordion heading titles, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle.collapsed,
.x-accordion-heading .x-accordion-toggle:hover {
    background-color: red;
    color: #fff;
}

    Feel free to change the colors to match your site palette. Please let us know how it goes.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-902998 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>