With the code below we can now add any font awesome icons to the right hand side of the Accordion headers to make it more obvious that you can open and close them. To use a different type of Font Awesome code, just visit the link below, choose an icon, and copy the code into the css code, replacing what is in the content tags.
To use other Font Awesome icons, you can find a list of their corresponding character codes here: https://astronautweb.co/snippet/font-awesome/
Question
Answer
Question
Answer
/*--Accordion headers--*/
h3.accordion-header:after {content: "\f13a"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position:absolute; top: 4px; right: 5px; text-align: right;}
h3.accordion-header {position:relative;}
h3.accordion-selected:after {content: "\f139";}