[annemarie94Participant]

Dear support-team,

I’ve searched for a while, but I couldn’t find a fitting topic to my question (just similar ones).

I would like to have an accordion (I didn’t build it yet) with different icons instead of “x/+”, which is transparent and vertical (horizontal? – the other way compared to the standart one).
The first accordion item should already be open by visiting the page. Unfortunately, I dont know how to create a “child theme” nor how to edit custom CSS for only one accordion, so that the custom CSS of my other accordion on the same page won’t be over-written.

In the following, I tried to draw the accordion I would like to have:

Text || icon1+acc.headline1 || icon2+acc.headline2 || icon3+acc.headline3
Text
Text

The acc.headlines should rotate from 90 degrees in closed state to 0 degrees while opened.

Thanks a lot for answering and kind regards,

Annemarie

[RupokMember]

Hi Annemarie,

It might be possible with some custom CSS but the effect is not guaranteed. If you setup the accordion and provide your URL after adding a custom class to the element; we can point you some CSS. But as it would be a bit unusual, I can’t give you guarantee that all icon will work flawlessly.

Thanks!

[Author]

Posts