Posted 1 year ago #
As you know, when you write a post WordPress generates paragraphs like this...
<p>Paragraph one, blah blah blah</p>
<p>Paragraph two, blah, blah, blah</p>My problem is when my paragraph style is set to inline (which I NEED it to be) the paragraphs aren't broken apart. Here's the CSS I'm using
#single_wrap p { color:#525252; font-size:14px; line-height:30px; margin:0px 0 12px 0!important; display:inline }
why do you need display:inline? that will cause the issue you have!
Posted 1 year ago #
Or somebody could help me fix my other issues.
When I display block everything aligns just fine. But then when I put a right or left aligned image at the top of the post the margin on the paragraph moves down an additional 4 pixels. I'm picky on pixel-perfect. Of course, this only happens when the image is at the top of the post The following circumstances produce this problem:
Paragraph CSS:
#single_wrap p { color:#525252; font-size:14px; line-height:30px; margin:0px 0 12px 0!important; display:block }
Images CSS;
#single_wrap img { border:0px; background:#E6E6E6; max-width:660px }
#single_wrap p img { }
/* Images */
.aligncenter { margin:20px auto -8px auto!important }
.alignleft { display:inline; float:left; margin:10px 15px 7px 0 }
.alignright { display:block; float:right; margin:10px 0px 7px 15px }please keep to one issue per thread, and please do not add 'incentives' the support forum comprises of many individuals all of whom donate their time freely to help others.
Posted 1 year ago #
That is one issue. Just another way of attacking it.
Link to site?
Posted 1 year ago #
Post example page: http://lucaswynne.com/?p=62
When I take that image out the paragraph is 4 less pixels down the page. I can't figure it out.
the image is in a paragraph, when the paragraph with the image is removed then the next paragraph will indeed move up slightly.
To overcome this, put the image inside a paragraph that also has text.
This topic has been closed to new replies.
