How do I remove the extra space underneath Accordions?

Q&ACategory: PluginHow do I remove the extra space underneath Accordions?
judyoshtest1 asked 2 years ago

I’m using several Accordian ID tags within a page.  In one section, I have two columns with two accordions.  Beneath that, I have a full-width section with an accordion.  However, in between those sections there seems to be too much white space.  Is there any way to remove/reduce that?  I would like to tighten it up, as it looks unsightly the way that it is.
 
Thank you!

1 Answers
Hasan Staff answered 2 years ago

Hi,
 
Thanks for your post, i need to check your page, have any live demo link ?
Best Regards

judyoshtest1 replied 2 years ago

No, I don’t but I can send you a screenshot if it will help.

Hasan Staff replied 2 years ago

ok, then please send me screenshot, also please mark the area you mentioned.

judyoshtest1 replied 2 years ago

Below is the screenshot of the accordion — as you can see, there’s a fair amount of space below the accordion. When I stack several accordions on top of each other, there’s just too much space (from on top of the accordion and below). What parameters should I use in CSS to selectively change the Top spacing, as well as the Bottom spacing.Thanks you again![img]http://i.imgur.com/gJD1UlA.jpg[/img]

Hasan Staff replied 2 years ago

HI, thanks for your reply. but sorry to say can’t understand image is blur enough i can’t even see the text of of accordion, please mark area of problem, Thanks

Hasan Staff replied 2 years ago

This is might be padding issue, you can decrease current value 30px ############################## .accordions-container { padding: 30px !important;}

judyoshtest1 replied 2 years ago

Thank you, Hasan, that worked perfectly!