Hi Thosch,
First of all, apologies for the delay, will do my best to not happen again 🙂
Now, the solution to this is a bit tricky. You’d need to specify custom CSS for each accordion heading that you have. The following solution will work if you only have one accordion group in only one page on your site:
h3.ui-accordion-header:before {
float: left;
font-family: FontAwesome;
line-height: 38px;
margin: 0 20px;
}
That’s something to style them all so we don’t write it a lot of times.
Now, for the first accordion heading:
#ui-accordion-1-header-0:before {
content: "\f002";
}
That would give you the search icon. Here are all the options available: http://fortawesome.github.io/Font-Awesome/cheatsheet/
You take starting from the “f” in the parenthesis and add a \ in front of it.
The code for the second heading would be:
#ui-accordion-1-header-1:before {
content: "\f002";
}
Note it changed from header-0 to header-1… and so on.
If you have multiple accordion groups or are using accordions on multiple pages, let me know, there’s a different thing to do there.
Hope this helps.
Regards,
————————————————————————————————————
Cosmin
Support Assistant
.