Accordion spacing


Hi,
I want to add some gap between accordion items, instead of separating it by a line
is there a way to do this, and also i want to edit the main text style

Hi @user3434,

That's quite a custom styling. You can try by adjusting the accordion header styles. Here is something to start with:

.rz-accordion {
    box-shadow: none !important;
}

.rz-accordion .rz-accordion-header {
    border: var(--rz-border-normal) !important;
    border-radius: var(--rz-border-radius) !important;
    --rz-accordion-item-margin: 1rem 0 0;
}

You can inspect the accordion using the browser's devtools and adjust the styles as you see fit.