You can use the CSS :before of :after pseudo-element in your theme’s stylesheet to add custom icons. Something like this should work:
.accordion-title:before {
font-family: FontAwesome;
content: "\f095";
/* Your other custom CSS here */
}
Thread Starter
Smaele
(@smaele)
Hi Phil,
Thank you for your quick response. This is working!
I hardly dare ask: how do I get it right aligned?
Try this instead:
.accordion-title:after {
float: right;
font-family: FontAwesome;
content: "\f095";
/* Your other custom CSS here */
}
Thread Starter
Smaele
(@smaele)
Hi Phil,
Got the right align resolved this way:
.accordion-title:after {
font-family: FontAwesome;
content: "\f138"; /*chevron-circle-right*/
float:right;
}
.accordion-title.open:after {
content: "\f13a"; /*chevron-circle-down*/
}
That’ll do it. Although you shouldn’t need to repeat the font-family and float in the .accordion-title.open:after {} part. Those should be inherited from .accordion-title:after {}.
Glad it’s working for you!
