Icon support for Accordion block

Hi, @hozefasmile. Thank you for your feedback. With custom blocks from CBB, you can easily create variations for them. I have already added some variations with a custom icon for the accordion block in the Variation Library. You can import them and learn how to create one.

Best,
Phi.

Hi, @mr2p , I checked block variation accordion2 from the variation collection and it works perfectly. But I am not able identify, from where its custom css is coming from? I mean there is a css added for rorating plus icon to 135deg using this code

.is-style-boldblocks-accordion-item-repeater-variation-NZ1Ek39WGM .accordion-header.is-expanded .accordion-link:after {
    transform: rotate(-135deg);
}

but where this code is coming from? I am not seeing any setting in the variation itself.

Hi, @hozefasmile. You can edit those variations by clicking on them in the edit variations screen (Dashboard -> Custom Blocks -> All variations). There is a setting named Manage custom CSS inside the Manage custom style panel, where you can input custom CSS. I have recorded some video tutorials on how to create custom variations with CBB. For example, in this one, I demonstrate how to create a button with a glow effect. Please check out our YouTube channel for more tutorials.

Phi.