How to style accordion header icons?

You can style the header icon for “Accordion” using the Combo Blocks plugin. This article will help you to style the header icon for the “Accordion” block.

To begin, insert the “Accordion” block.

Xk02mbK

Click on the “Icon” tab.

FWWA7Q7

Click on Choose Icon button to select the icon.

Now select the icon position by clicking the dropdown options.

pv8ICTI

Now you can add “Color” and “Background Color” to style the icon, select the display style, and add some padding-margin.

21uUK8p

In the typography section, you can adjust the “Font Size,” “Line Height,” and “Font Weight.”

Wjycp90
Related Documentation