Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Comments, trackbacks & pings »

Giving the comments a left margin


  #1  
Old Mar 14, 2010, 11:07 PM
PixelGraphixDesign
 
23 posts · Feb 2010
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

Last edited by PixelGraphixDesign; Mar 15, 2010 at 10:35 PM.
  #2  
Old Mar 15, 2010, 05:28 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 15, 2010, 08:18 AM
PixelGraphixDesign
 
23 posts · Feb 2010
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.
  #4  
Old Mar 15, 2010, 08:33 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 15, 2010, 10:35 PM
PixelGraphixDesign
 
23 posts · Feb 2010
Thank you so much. That will definitely come in handy for future trouble shooting.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Giving different styles to widget areas Elenis Sidebars & Widgets 1 Feb 26, 2010 05:22 AM
Replacing rss/email/comments icons in top left of header with newsletter glennvogelsang Header configuration & styling 4 Feb 2, 2010 08:52 PM
Page Menu Bar. Left align. But 200px from left margin??? mush Atahualpa 3 Wordpress theme 5 Jul 29, 2009 03:40 PM
[SOLVED] Problems with Category tree in left margin CreativePartyLady Page & Category Menu Bars 4 Jul 14, 2009 10:38 PM
Indenting left margin without a left sidebar showing rhymes Sidebars & Widgets 0 Apr 28, 2009 09:02 PM


All times are GMT -6. The time now is 08:38 AM.


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