ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• August 4, 2015 at 9:58 am #200526
  joell-22

  Member

  Post count: 26

  Hello,

  I’d like to change the accordion colors. I hope it’s possible with custom CSS.

  – header background (when closed) e.g. green
  – header background and text (on mouseover) e.g. yellow and red
  – header and content background (when open) e.g.orange and red

  Thanks in advance!

  Joe

  August 4, 2015 at 11:15 am #200564
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  .spb_accordion .ui-state-hover{
  background-color:#E2D424!important;
  }
  
  .spb_accordion .ui-state-hover a{
  background-color:red!important;
  }
  
  .spb_accordion .ui-state-active, .spb_accordion .ui-state-default{
  background-color:green!important;
  }
  
  .spb_accordion_section, .spb_accordion .spb_accordion_section, .spb_accordion_section .ui-accordion-content {
      background-color: red !important;
  }
  
  .spb_tabs .nav-tabs li.active a, .spb_tour .nav-tabs li.active a, .spb_accordion .spb_accordion_section > h3.ui-state-active a {
      background-color: orange!important;
  } 

  Hope it helps.

  -Rui

  August 4, 2015 at 12:47 pm #200607
  joell-22

  Member

  Post count: 26

  Cool, works perfect! 🙂
  But now the header-text of the open segement disappears on mouseover because it’s the same color. How do I change the text color on mouseover when the segment is open?

  August 4, 2015 at 1:48 pm #200634
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Add the code below and change it’s color.

  .ui-accordion h3.ui-accordion-header.ui-state-active:hover a, .ui-accordion h3.ui-accordion-header:hover .ui-icon {
      color: #000!important;
  }

  -Rui

  August 4, 2015 at 2:29 pm #200654
  joell-22

  Member

  Post count: 26

  THANKS!!

  August 4, 2015 at 2:32 pm #200655
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  no problem. Glad I could help 🙂

  -Rui

• Back to forum

  Posted in: Dante