Accordian Element

Hello - having a few troubles with the Accordion Element.

  1. Can I remove the shadows, and all lines inside and around the box for each item?

  2. Can I drastically reduce the spacing so that each item’s Header is a line by line item (see example)

Hello Samantha,

Thanks for writing in!

Please inspect the Accordion Element and under Accordion > Items > Item Setup > Spacing, change the value to Zero.

Under Accordion > Items > Item Border Radius, change the values to Zero.

Under Accordion > Items > Item box shadow, change the values to Zero.


Thank you Prasant! This was a very informative response - much appreciated.

Do you know how to reduce spacing between the answer and question? Also do you know how to remove the line between the answer and question?

Hello Samantha,

To resolve your issue, please do this:

1.) Adjust the top and bottom padding of the header.

2.) Edit your header title and use this instead:

<h6 class="man">What is you style?</h6>

class="man" will remove the margins around your hs header title.

3.) You also need to adjust the top padding of the content area.

4.) You will need to repeat the steps for your other accordion items.

We would love to know if this has worked for you. Thank you.

So it almost worked! The one thing I noticed is the spacing is still has to be pretty large to not cut off the answers. When I decrease the spacing between the questions, it cuts off text from the answers when dropped down?

Hi Samantha,

You haven’t changed the header title which I have pointed out in #2.

And then you also have a bottom padding in your header.

Please let us know how it goes.

It worked! Thank you!

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.