Accordion Space Height Between Items

Support
#1

Hi
I have been trying various CSS to change the vertical space between the accordion line items and no joy. Please can you assist.
Staging site page is http://217.199.187.73/coviddev.je/how-does-it-spread/
Please can you assist
Thanks

#2

Hello Suzanne,

Thanks for writing in! When I checked your site, I am seeing this:

  • z3f_20HYQDWGsJN0yL3www

The spacing between items were now the same. Please make sure that your custom css code is invalid and correct. It may have not work because it is broken. You can check whether it is correct by using this checker: https://www.cleancss.com/css-beautify/

Hope this helps. Kindly let us know how it goes.

#3

Hi I am trying to reduce the gap between the accordion items, so they are closer together. Tks

#4

Hello Suzanne,

It looks like you are adding the Accordion in a WPBakery text element through a shortcode and the WPBakery element is automatically adding the line break which is causing the gaps:

As this is something directly added by the WPBakery functionality, we cannot provide a concrete answer but kindly check and try the suggestion from this link:

You may also try adding this code in X > Theme Options > CSS:

.x-accordion-group + br {
    display: none;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#5

That has fixed it - many thanks

#6

You’re most welcome, Suzanne.

#7

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