Paragraph and UL CSS Conflict
-
I’ve set my paragraph CSS and it works. I’ve set my desired UL CSS and it works. What I can’t seem to do it set up CSS so that when a UL follows a paragraph there is no blank line between the two.
I currently have:
#content p, #content ul {
margin-bottom: 20px;
margin-top: 0;
}What I’m trying to do is put a line in between paragraphs (except when a UL follows a line of text.) See the http://cscheerleader.com/in-case-you-missed-it/ page. I do not want a blank line after CS Education.
Thank you!
The blog I need help with is: (visible only to logged in users)
-
First of all, you’ve styled your “paragraphs” this way:
<strong><span style="font-size:medium;">TEXT HERE</span></strong>
a) The span tag is used for characters, words or phrases inside a text block, not for a whole block. If you had to change the font size in the post editor, you’d add the style attribute to the opening p tag.
b) Font sizes are best expressed in percentages, and medium = normal, so the style you’ve added has no effect.
So, if you wanted to make the text a little larger, and if you had to do it in the post editor, you’d write:
<p style="font-size:110%;font-weight:bold;">TEXT HERE</p>But since you have the Custom Design upgrade, there’s no point adding such inline CSS in the post editor. I suggest you leave your paragraphs alone, format the type of “paragraph” you’re referring to as a heading (say, h3) and style the h3s anyway you like, once for all, in the CSS editor. For instance:
#content h3 { font-weight: bold; margin: 0; } -
-
It never occured to me to use a header. So silly. Thanks for all your help…this did the trick.
-
You’re welcome.
But remove the strong tags from your h3s: you took care of that in the CSS. -
- The topic ‘Paragraph and UL CSS Conflict’ is closed to new replies.
WordPress.com Forums 