Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Comments, trackbacks & pings (http://forum.bytesforall.com/forumdisplay.php?f=19)
-   -   Giving the comments a left margin (http://forum.bytesforall.com/showthread.php?t=6279)

PixelGraphixDesign Mar 14, 2010 11:07 PM

[SOLVED]Giving the comments a left margin
 
how can I get the comments area to bump over 45px to the right? I was able to do it for the titles and the field, but I've tried everything I could think of and stuff that I found on this forum and the comments stubbornly refuse to move.

See here: http://www.aspringofhope.org/blog1/?p=12#comments

TIA

juggledad Mar 15, 2010 05:28 AM

try this
1) go to ATO->Style & configure COMMENTS->Avatar Style and change the line
margin:0 8px 1px 45px;
to
margin:0 8px 1px 5px;

2) add the following to CSS Inserts
HTML Code:

ul.commentlist li.thread-even {
background-color:#BA8F4A;
border-bottom:dotted 1px #ffffff;
margin-left:45px;
}

ul.commentlist li.thread-odd {
background-color:#BA8F4A;
border-bottom:dotted 1px #ffffff;
margin-left:45px;
border: solid 1px red;
}

ul.commentlist div.bypostauthor {
background-color:#BA8F4A;
margin-left:45px;
}

ul.children div.bypostauthor {
border:dotted 1px #BA8F4A;
margin-left:45px;
}


PixelGraphixDesign Mar 15, 2010 08:18 AM

Thanks so much! We are almost there. I still have one line that extends all the way to the left of my layout width. In FF and Safari, it's the line on top of the first comment. And in IE, the whole first comment did not shift to the right.

juggledad Mar 15, 2010 08:33 AM

here is how I figure out these issues.
1) view your page
2) view the source of the page (it's a good idea to go to ATO->Configure CSS & JS and set 'CSS: Compress?' to 'NO' - i have a script that will uncompress the CSS)
3) copy the source
4) paste it into a test document and save it with a name like 'mytest.html'
5) open that document in your browser

You can now edit the page source, deleting things, adding things etc and refresing the page in your browser till you figure out what CSS you need to change. Then you can add that CSS to the CSS Inserts to fix your issue

PixelGraphixDesign Mar 15, 2010 10:35 PM

Thank you so much. That will definitely come in handy for future trouble shooting.


All times are GMT -6. The time now is 11:40 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.