How to center JComments on page and CSS Questions?

[Tikva]

I would like to have JComments centered on the page, rather than aligned to the left, but have been unable to locate where in the CSS I could do this.

I would also like to change the colors of the Text Box where you enter Comments, and other colors, so that they blend in with my Rockettheme Template.

Your assistance with this would be most appreciated, and detailed instructions would be very helpful.

Many thanks!

[ABTOP]

There is a JComments template made specifically for Gantry. It's called gantrified.

[Tikva]

Thank you for you reply.  Where can I find this gantrified template?

[ABTOP]

Google knows all.

And sometimes even translates quite acceptably.

[Tikva]

Thank you, I did manage to find the Gantrified template download, but while it did make JComments blend in with my template, it still didn't help me to center JComments on the page, and even after looking in the CSS and tpl files, I just can't find where I can accomplish this.  Is there anyone who can give me detailed information on what I need to do?  Many thanks!

[ABTOP]

I don't quite understand what you mean by "center on the page".
I hope it's not centered as in centered paragraph, for it will look ridiculous.
Comments are to take the whole available width of the article box. Centering comment boxes won't make much difference.

So draw me a picture.

[Tikva]

Maybe I haven't been specific enough - I would like the 'Add Comment' form centred on the page, underneath the article, and not aligned to the left.  The actual comments posted I would still like aligned left.  Thank you.

[tbritton]

In style.css find the following line:

Code:

#comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
}

Then add the following (you may have to play around with the width.

Code:

    width:360px;
    margin-right:auto;
    margin-left:auto;

Then find #jc h4 in the same file and change text-align:left to text-align:center.