Navigation
Archive / ACCORDION HEADER COLOR
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 21, 2017 at 9:12 am #1339650
    irristaka
    Participant

    Hello!

    I am trying to change the colors of the accordion header. At first, they are white, but when you hover the links are red and when I open it, I got the icon to be red but I don´t get to change the text-color.
    I’ve tried adding the following custom css:

    .x-accordion-heading .x-accordion-toggle.collapsed::before {
    color: white;
    }

    .x-accordion-heading .x-accordion-toggle:hover:before {
    color: #f50c2a;
    }

    .x-accordion-heading .x-accordion-toggle:before {
    color: #f50c2a;
    }

    .x-accordion-heading .x-accordion-toggle.collapsed:hover {
    color: #f50c2a;
    }

    January 21, 2017 at 9:42 am #1339664
    Thai
    Moderator

    Hi There,

    Please try with this CSS instead:

    .x-accordion-heading .x-accordion-toggle.collapsed::before,
.x-accordion-heading .x-accordion-toggle.collapsed {
    color: white;
}

.x-accordion-heading .x-accordion-toggle.collapsed:hover,
.x-accordion-heading .x-accordion-toggle:before,
.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle:hover:before {
    color: #f50c2a;
}

    Hope it helps 🙂

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