Styling accordion elements

Hey there,
I’m quite new to theme-x, really enjoy working with it.
I’m trying to style my accordion elements, a bit more than directly through cornerstone. I believe I need some code to do so, my styling is for instance about header/body text color to change by hovering / after opening. Can you advise what the best way/place is to do this? I did find code on the internet, I can’t seem to apply on my accordion. The styling could be applicable to all accordions on my site.
Hope you can help, thanks.

Hi There,

Thank you for writing in, with the V2 Accordion element, you can style the Items, Header, and Content individually.



If there is a styling that you want to acheive that has no options available, you can formulate a custom CSS for it.

To learn more custom CSS, you can inspect your site using Chrome’s developer tools to see the styling that is applied to an element and then using custom CSS to override it. You can find more info on how to check for CSS selectors here. Then information about writing your custom CSS here.

Hope it helps,
Cheers!

Thanks for the response, I’ll investigate,
Jeroen

You’re welcome! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.