Navigation
Archive / Customizing the Accordian
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 7, 2016 at 4:53 pm #1030736
    cabforward
    Participant

    Hi! I’m trying to customize the look of the accordian. I have the collapsed version customized, but I”m struggling with the expanded version. I input this into the on-page css. Obviously, I have multiple accordians and the one I’m targeting here has a clas of “codeforms”

    .codeforms
.x-accordion-inner {
    background-color: #00007f !important;
}
  
.codeforms 
.x-accordion-heading 
.x-accordion-toggle {
  background-color:#00007f !important;
}
    June 7, 2016 at 4:54 pm #1030737
    cabforward
    Participant
    This reply has been marked as private.
    June 8, 2016 at 3:24 am #1031445
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    .codeforms a.x-accordion-toggle, .codeforms .x-accordion-inner {
    background-color: #00007f;
}

    Thanks.

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