Reduce spacing between title and body

Resolved makingmathminds
(@makingmathminds)

6 years, 5 months ago

I’ve tried every tip I could find on the forum related to static front page section title spacing – and managed to successfully reduce the white space above the section titles, but nothing suggested does anything to change the spacing below the H2 titles. I want less white space between the section titles and the section body copy. Would appreciate any help!

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

6 years, 5 months ago
Add this to the “Additional CSS” part of the dashboard:
```
.page.page-one-column .entry-header, 
.twentyseventeen-front-page.page-one-column .entry-header, 
.archive.page-one-column:not(.has-sidebar) .page-header,
.panel-content .entry-header {
    margin-bottom: 1em;
}
```
https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress
Thread Starter makingmathminds
(@makingmathminds)

6 years, 5 months ago

Thanks for the suggestion, Andrew, but this has no effect. Any other ideas?
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

6 years, 5 months ago
You need to go to the “Additional CSS” section of the dashboard as per the instructions here: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Putting CSS inside the theme’s style.css file will not only fail, but it will be erased the next time WordPress (automatically and frequently) updates to any minor version.
- This reply was modified 6 years, 5 months ago by Andrew Nevins.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

6 years, 5 months ago

I would also recommend moving any other CSS modifications made to the theme’s style.css file into the “Additional CSS” area.

You can find those modifications using a comparison tool like Diffchecker. I’ve made a comparison for you here: https://www.diffchecker.com/i9uXNfuP

Just copy the modifications and paste them into the “Additional CSS” area and they should work.

Thread Starter makingmathminds
(@makingmathminds)

6 years, 5 months ago

Perfect. Thank you!!

janth1
(@janth1)

6 years, 3 months ago

Thank you Andrew, I have been searching for a while to close the white gap between menu headers and text and your CSS did the job.

Regards,
James