Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Center align comment box?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 3, 2011, 06:30 AM
jasontbedell
 
75 posts · Dec 2010
Hello,
The background of litteacher.com is 1142px, but the actual content is 1101px.
I was able to resize the comment box to 1101px, but it is left-aligned instead of center.
I tried each of the following:
Code:
ul.commentlist{
align:center;
}
div#respond {
align:center;
}
div.comment-container {
align:center;
}
I also tried adding align:center; in the Comment Form Style section of ATO.

I'm sure that I must be missing something simple. Does anyone have any ideas what it might be?
Running WP 3.04 and Atahualpa 3.5.3.

Thank you for your help,
Jason Bedell.

Last edited by jasontbedell; Jan 3, 2011 at 07:14 AM.
  #2  
Old Jan 3, 2011, 08:01 AM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
Looking at your site I am not real clear on what you are trying to do.

align:center is not proper CSS code. to center align a div you give it a width and then set the left and right margins to auto.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 3, 2011, 08:24 AM
jasontbedell
 
75 posts · Dec 2010
Thanks for the css tip. If you look at a single-post, the comment section starts immediately at the left of the page. I would to center it (which would move it approximately 69px to the right).
http://litteacher.com/do-you-speak-academia/?

I tried this, but it didn't work. Am I styling the wrong section?
Code:
ul.commentlist{
width:1101px
margin-left: auto;
margin-right: auto;
}
div#respond {
width:1101px
margin-left: auto;
margin-right: auto;
}
div.comment-container {
width:1101px
margin-left: auto;
margin-right: auto;
}
  #4  
Old Jan 3, 2011, 08:39 AM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
If you are trying to center the comment area without regard to the sidebar I am not sure how or if you can accomplish that without getting into some crazy CSS.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center align content AverageJoe Center area post/pages 2 Nov 13, 2010 10:26 AM
[SOLVED] how to align footer widgets to left from default center ajinkya Sidebars & Widgets 2 Sep 30, 2010 09:58 AM
Easy: Left-align headlines on multi-post pages but center on single? Jeff G Excerpts, Read more, Pagination 5 Jul 26, 2010 09:08 AM
[SOLVED] Center Align Tables And Forms... calculator Center area post/pages 3 Jul 6, 2010 03:23 AM
A hack to align page navigation menu to center araneum Page & Category Menu Bars 8 Apr 9, 2009 07:48 PM


All times are GMT -6. The time now is 12:10 PM.


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