WordPress CSS

Some recent CSS revisions have caused problems in my comments section. See the very bottom of the post. Help with CSS would be appreciated.

http://obsessionfitness.com/its-not...in-pumpers-that-make-fitness-fun/#comment-541

 

Well, you need to set a fixed width to the classes .commentbody and .commentauthor. That should fix your problem

Good luck!

 

Thanks, but how is that done? I tried - width: fixed;

Also, I need to move the comment count number out from under the header - "Responses to...“

 

Oh, sorry. I didn't know that your CSS knowledges weren't good.

In your stylesheet, find this:

.commentbody {
	padding: 25px 40px 12px 20px;
	line-height: 16px;
	color: #413e36;
	width: fixed;
	background: url(images/comment_background2.gif) bottom left no-repeat;
}

HTML:

... and replace with:

.commentbody {
	padding: 25px 40px 12px 20px;
	line-height: 16px;
	color: #413e36;
	width: 400px; // Put here your desired width!
	background: url(images/comment_background2.gif) bottom left no-repeat;
}

HTML:

Also, change this:

.commentauthor a {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #787878;
	letter-spacing: -1px;
	float: right;
	margin: 0 80px 0 0;
}

HTML:

... into this:

.commentauthor a {
	width:200px; // Put here your desired width!
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #787878;
	letter-spacing: -1px;
	float: right;
	margin: 0 80px 0 0;
}

HTML:

Give it a try and if you need any further help please PM me, ok?

 

Thanks so much. That fixed some of it.

I still need to move the commentcountnum out from under the header - "Responses to...“

And maybe shift the comment dates left.

 

Cool! Glad to know that it worked. I'll take a deeper look into your site later today and try to help you with the "Responses to... " thing.

Cheers!