How to reduce padding between elements

Hi my site is at:

After clicking ‘Click for details’ I have a text chunk followed by some pictures, a CTA and then some logos however they are spaced too far apart I want to close the vertical gap between these elements (top and bottom padding) however I seem unable to work out what the CSS should be to achieve this? Can you help at all please?

Many thanks for a great theme!



You can remove the bottom and top paddings of elements with this Custom CSS:

.panel-row-style {
    padding-top: 0 !important;
    padding-bottom: 0 !important;

If you want to apply that only on homepage, then use this Custom CSS instead:

.home .panel-row-style {
    padding-top: 0 !important;
    padding-bottom: 0 !important;

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,