Navigation
Archive / Accordion Header – Two Colours Dividing Header
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 14, 2016 at 5:32 pm #1175561
    mattdmedia
    Participant

    Hi,

    I was wondering if this is possible with Xtheme’s accordion – having a divider in the header with two different colours. One background colour under the icon and the other for the text.

    Screenshot attached.

    Thanks!
    Matt

    September 14, 2016 at 11:23 pm #1176028
    Friech
    Moderator

    Hi Matt,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .myaccordion .x-accordion-heading .x-accordion-toggle:before {
	background-color: red;
    padding: 15px 25px;
}
.myaccordion .x-accordion-heading .x-accordion-toggle {
	background-color: blue;
	padding: 0;
}

    And then add a class myaccordion to your accordions that you want to have this style.

    Hope it helps, Cheers!

    September 15, 2016 at 12:31 pm #1176923
    mattdmedia
    Participant

    Hi Friech,

    Perfect! Thanks so much. I might have some follows up everything else is styling nicely.

    Cheers!

    September 15, 2016 at 12:57 pm #1176968
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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