Twenty-Eleven Bullet Formating Troubles
-
I have been ‘tearing my hair out’ trying to figure out how to eliminate the automatic paragraph spacing that occurs prior to and after text ending with a carriage return.
Specifically, I am trying to get the headers for my bulleted lists to have no additional spacing before the first bullet so that the ‘header text’ and bullets have no additional spaces.
The problem occurs throughout my site and I don’t see any code that would place an extra space inline with the text.
The two places where this is driving me mad on my site are:
1. http://micjammac.com/strengths/ – I would like “Mike McFadden” to appear directly above the bulleted list with no extra space
2. http://micjammac.com/achievements/ – I would like ‘achievements’ to appear directly above the bulleted list with no extra space
What am I doing wrong? What am I ignorant about?
Please help!
The blog I need help with is: (visible only to logged in users)
-
1. http://micjammac.com/strengths/ – I would like “Mike McFadden” to appear directly above the bulleted list with no extra space
To remove the extra space below all paragraphs throughout the site, add this:
p { margin-bottom: 0; }If you don’t want to collapse space below every single paragraph, then you’ll have to find a way to differentiate the text you want to change. one way to do that would be to add a class to “Mike McFadden” in the HTML.
Use the html editor.
For example, you could setup the text like this:
<p class="page-heading">Mike McFadden</p>And then style it by adding this to your Appearance → Custom Design → CSS page:
.page-heading { margin-bottom: 0; color: #888888; font-weight: bold; } -
2. http://micjammac.com/achievements/ – I would like ‘achievements’ to appear directly above the bulleted list with no extra space
Try the method I outlined earlier.
- The topic ‘Twenty-Eleven Bullet Formating Troubles’ is closed to new replies.