How to customize an individual accordion item?

You can customize individual accordion items of the “Accordion” block using the Combo Blocks plugin. This article will help you to customize the individual accordion item.

To begin, insert an “Accordion” block.

tU7rEGQ

Now choose a variation.

2ScjI6i

Select a single accordion item, then click the “Wrapper” tab. Here, You can customize the wrapper tag. Then you can customize the CSS style of the wrapper.

LCwc3kU

Now click on the Header tab. Here you can change the header tag and then change the CSS style of the Header.

nPQuFvk

After that, Click on the Header Label Tab. Here you can change the wrapper tag and choose a specific icon for the header label. Now you can customize the CSS Style of the Header Label.

1jEozdW

Now click on the Label Counter Tab. You can toggle the Header Counter, then choose the counter position and wrapper tag. Then customize the CSS style.

vBtiqIB

Now click on the Icon tab. Here customize the icon, toggle icon and icon position. Then customize the CSS style.

fKvXXEP
Related Documentation