Accordion Element HTML Tags

[gunesinan]

Hi,

What is the default HTML tag for the accordion element, especially the accordion header? I couldn’t find any settings or documentation about the tags for the accordion element. I found one topic from 2016 but isn’t there an easier way:

Topic: H2 class code title in accordion | Themeco Community

Thanks

Gunes

[ruenel]

Hello Gunes,

Thanks for writing in! You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Hope this helps.

[gunesinan]

Hi RueNel,

I understand. Is there a way to make the “x-acc-header-text” say h3 tag with CSS? Or, each time when I write an accordion header, should I wrap the text like <h3>Accordion header text</h3>?

Thanks

[ruenel]

Hello Gunes,

Regretfully there isn’t an option that you can change the HTML tag of the accordion item header. It is best that you insert <h3 class="man">Accordion header text</h3> instead.

The class man means that there should not be any margins around the text. This is a utility class by the way.

• https://theme.co/docs/css-helper-classes#utility-classes

[gunesinan]

Ruenel,

Thank you so much fr the response.

[ruenel]

You’re most welcome Gunes.