Accordion – active item bottom dash

[airbornex]

Hi,

I would like to apply a dash on the currently expanded (active) item for the accordion, just like the one used in the main menu. I have been looking through the files in a number of stylesheets and sf-custom-styles.php as well for the code responsible for the active menu bottom dash, but to no avail. Can anyone guide me to the right place or code to achieve that effect?

Thanks in advance.

[Cosmin – SUPPORT]

Hey,

Can you attach a screenshot explaining what you have in mind for it, as well as link to your page where you have the accordion?

I’ll take a look and, if it’s doable, will provide some custom CSS.

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[airbornex]

The site is currently developed in a local environment, so I hope the screenshots can explain what I wish to achieve.

[Melanie – SUPPORT]

This custom css should do what you want:


.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .wpb_accordion .wpb_accordion_section > h3.ui-state-active a {
color: black;
border-bottom: 2px solid red;
}

Cheers!

[airbornex]

Hey there,

Sorry for the late reply. The code worked, but I think I was not being precise previously. What I hope to achieve is that the length of the dash will be the same as the length of the title text, like the main menu.

Thanks~!

[Melanie – SUPPORT]

That’s not possible, cheers!