Accordion content padding / alignment

[King]

Hi,

Is it possible to either add padding to the left of my accordion content (not the title) or centre it so the gap is the same on the left and right?

Also on your Gym demo site content, when you click on one of the accordion tabs, the other tabs would close rather them all being open as you click through them. Do you know ho i can achieve this?

thanks guys.

[Prasant]

Hello @King,

Thanks for asking.

You can add following CSS under X > Launch > Options > CSS to adjust accordion content padding.

.x-accordion-inner {padding-left: 35px; padding-right: 20px;}

Please use Cornerstone Clasic accordion element to mimic Gym demo accordion effect.

Thanks.

[King]

Hey @Prasant, the padding works a treat!! Many thanks!

Don’t suppose you know how you do the closing of the tabs too? See my original post. Thanks again

[ruenel]

Hey There,

You will have to Link the items so that when you click on an item, it will close any of the opened accordion item.

Hope this helps.

[King]

Ahhh! Simple as that eh? haha. totally works Thanks @RueNel

[Joao]

Glad to hear it!

Cheers!