Tagged: enfold, spacing, white space
-
AuthorPosts
-
January 13, 2014 at 2:19 am #208762
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
January 13, 2014 at 9:57 am #208861Hey 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,
IsmaelJanuary 13, 2014 at 12:41 pm #208906Brilliant, thanks.
Apologies, the page link should have been http://cravensafetyservices.co.uk/support/
Regards,
Ken
January 13, 2014 at 3:27 pm #208977Hey!
Please use this to adjust the top margin of columns:
body .column-top-margin { margin-top: 0px; }Best regards,
IsmaelJanuary 13, 2014 at 3:34 pm #208981Thanks.
That didn’t work. I think it’s padding/margin beneath the text element that needs to be reduced?
Regards,
Ken
January 13, 2014 at 3:57 pm #208992Hi!
Ismael’s code should work, please try adding !important rule to force it as following
body .column-top-margin { margin-top: 0!important; }Cheers!
YigitJanuary 15, 2014 at 1:54 pm #210032Hi,
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
-
AuthorPosts
- The topic ‘Reduce Whitespace’ is closed to new replies.
