Hi,
My boss doesn’t like the amount of white space that appears between elements of the page – for example, the three buttons we have at the top and the text below. In the visual editor it appears as I want it – why does it appear to be so stretched out when I save it and go to the homepage? Is there a way to reduce the white spacing on the page between, say, the buttons and the main field of text?
Hi ryanbmoran!
Thank you so much for using the theme!
Yes, it is possible to reduce certain space between elements but we may need to inspect the website in order to give you the correct css code. Please post the website URL here.
Best regards,
Ismael
Hi!
Thank you for the link.
Please add this on Quick CSS or custom.css:
body .column-top-margin {
margin-top: 20px;
}
Regards,
Ismael
Do I just put exactly that into the custom CSS and save it?
Hey!
Yes, exactly. Please also see – http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
Best regards,
Yigit
I see. Can I also adjust the white space between our sliders and the buttons below? Thank you so much for your assistance.
Hi!
Sure, please add following code to Quick CSS as well and adjust as needed
.home .content, .home .sidebar {
padding-top: 20px;
}
by default, top padding is 50px
Best regards,
Yigit
Thank you so much!