Do not edit the Twenty Eleven theme itself. First create a child theme for your changes. Or install a custom CSS plugin.
thanks, I am editing a Twenty Eleven child theme. Any suggestions on how to reduce the excessive space between posts on my website BoltonFriends.org ?
Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.
I’m still working on this, but I have reduced the white space between posts considerably by adding this code to the stylesheet (style.css) in the twentyeleven child theme:
.hentry, .no-results {
padding: 0 0 0em;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Nice work, have you resolved your issue?
Still working on reducing the white space further.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try doing the same as you did with ‘padding‘ but with ‘margin‘.
I have made a number of changes to the Twenty Eleven child theme Stylesheet (style.css) which have reduced the white space between posts. Below I list all the changes I have made. I hope others will find this useful.
p {
margin-bottom: 0px;
}
Below changing padding to 0em (third number) had big effect
.hentry, .no-results {
padding: 0 0 0em;
}
The first number below further affects spacing. The default was 1.625 em one could decrease it to 0.0em for a further white space reduction.
.entry-content, .entry-summary {
padding: 1.0em 0px 0px;
}
