Accordion Border Styling

[drhilton]

Hi there,

I want to style the Border of the Accordion in another Colour for the active (clicked) entry. I tried to find the styling with the Developer Tools, but there is no border styling but it has a gray colour. Where to find the handler?

Kind Regards

Sebastian

[Kyle – SUPPORT]

Hi

I’m getting a 404 on that page, please can you check?

– Kyle

[drhilton]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.spb_accordion .spb_accordion_section {
  border-color: #111111;
}

– Kyle

[drhilton]

Hi Kyle,

thx for your solution, but I dont want to change the color of the border for not activate Accordions. Only for the one that is Active and displayed in full…

Ideas?

Kind Regards,
Sebastian

[Kyle – SUPPORT]

Try this:

.spb_accordion .spb_accordion_section {
  border: none;
}
.spb_accordion .ui-state-active, .spb_accordion .ui-state-default {
  border: 1px solid #eaeaea!important;
}
.ui-accordion-content-active {
  border: 1px solid #111111 !important;
  margin-top: -3px;
}

– Kyle

[drhilton]

Hi Kyle,

thx for your support. With a little Tuning of your Code it works now just the way I wanted it!

THX

[Kyle – SUPPORT]

Ok great

– Kyle