Tagged: enfold, spacing, white space
Hi,
How do I reduce white space between page elements? Tried all suggestions I could find on forum. Succeeded on blog page but still have issues on some other pages e.g. space at bottom of testimonials and above footer on this page http://cravensafetyservices.co.uk/
In particular, on this page, http://cravensafetyservices.co.uk/health-and-safety-support-packages/ I’d like to reduce the space between the first text paragraph and the pricing table.
Secondly, on that page, is there a way to distribute the vertical space between the accordian column and the pricing tables i.e. to make the 3 spaces between the columns equal in width?
Thanks,
Ken
Hey keneastwood!
You can reduce the padding above the footer using this on Quick CSS:
.avia-section-large .content, .avia-section-large .sidebar {
padding-top: 70px;
padding-bottom: 10px;
}
The page http://cravensafetyservices.co.uk/health-and-safety-support-packages/ gives me a 404 error.
Regards,
Ismael
Brilliant, thanks.
Apologies, the page link should have been http://cravensafetyservices.co.uk/support/
Regards,
Ken
Hey!
Please use this to adjust the top margin of columns:
body .column-top-margin {
margin-top: 0px;
}
Best regards,
Ismael
Thanks.
That didn’t work. I think it’s padding/margin beneath the text element that needs to be reduced?
Regards,
Ken
Hi!
Ismael’s code should work, please try adding !important rule to force it as following
body .column-top-margin {
margin-top: 0!important;
}
Cheers!
Yigit
Hi,
Got it to work – by including in my child theme style.css (for some reason wouldn’t work in quick css).
Top job guys.
Thanks,
Ken