Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
How can I decrease the spacing in the body of my site? There is way too much space under heading tags as well as throughout the body text in general. I’ve tried various things to no avail. It is very evident on the CONTACT page…
Thanks in advance for your help!
Hi Natacha
Perhaps give our new Custom CSS plugin a try for this. It has a visual editor that makes locating the rules you need to change pretty easy:
Page: SiteOrigin CSS Editor
Alternatively, go to Appearance > Custom CSS and insert the following – adjust as required:
/* Page/Post Titles */ article.post .entry-header, article.page .entry-header { margin-bottom: 20px; } /* Heading Tags */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 1em 0; } /* Paragraphs Etc. */ .entry-content p, .entry-content > ul, .entry-content > li, .entry-content > dl, .entry-content pre, .entry-content code, .entry-content blockquote { margin: 1em 0; }Hope that helps.
(The spacing after For a quote on any of our services… on your contact page is caused by a series of empty paragraph and break tags following that paragraph).
Thanks Andrew. I downloaded, installed and activated the Custom CSS plugin but now where do I go to utilize it? I don’t see it showing up in my left panel. Thanks!
Appearance > Custom CSS to get started. Our docs can be found here:
Page: Getting Started
You are a savior! I never clicked on the eyeball icon in Custom CSS editor. That was my problem! Thanks so much.
Super :) Glad to hear that helped. All the best.