Styling for Comment box (posted comments and new ones)

aovivo · April 2016

Hi there,

how can I style the commernt box below a post..

there are two - the posted one and the empty box for the new comment.

I would need the styling for the background, the frame and the fonts (user text and comment text)

thanks in advance
Pedro

Albert · April 2016

Hi,

please send us link to page where you got this form.

aovivo · May 2016

yes, please - see here...

I have styled the lower comment box with a red border - but I will remove that too...

Hoever the first form (ne comment) is the one that I cant get around ...

thanks

Albert · May 2016

You still did not attached link to page.

aovivo · May 2016

oh - sorry. please see here: http://www.redreinhardt.com/blog/ersterbeitrag/

Albert · May 2016

Ok. So to style this comment box, please use:

#comments .commentlist > li .comment-body { background: #000 !important; }
#comments .commentlist > li .comment-author .fn a, #comments .commentlist > li .comment-author span.says { color: #FFF !important; }
#comments .commentlist > li .comment-meta a { color: #FFF !important; }
#comments .commentlist > li p { color: #FFF !important; }

aovivo · May 2016

perfect - any chance to add or change border-color...?

since I decativate the avatar image - the box stays at he same place - how could I manage to align it to the left border - same as the box for new comments?

thanks sooo much for your great support!!

my best regards

Pedro

Albert · May 2016

To add border around comment box and to move it to the left side, please use the following css:

#comments .commentlist > li .comment-body { border: 1px solid #FFF !important; margin-left: 0 !important; }

aovivo · May 2016

P E R F E C T!!! thanks for your kind assistance!!

my best regards

Albert · May 2016

You're welcome!

aovivo · May 2016

Can you advise on how to make the buttons smaller ("post comment") on bottom of http://www.redreinhardt.com/blog/ersterbeitrag/

?

How to adress the border of the button (it seems gone)...?

thanks !!

my best regards

Pedro

Albert · May 2016

To decrease Post Comment button size and to add the border, please use the following css:

#respond .form-submit input[type="submit"] { font-size: 10px !important; border: 1px solid #FFF !important; }

aovivo · May 2016

when I hit the 'post comment' button the border of the button turns into a blue color... how can I change that and assign a different color?
its located at the bottom of this page: http://www.redreinhardt.com/blog/ersterbeitrag/

thanks in advance
P.

aovivo · May 2016

Here is a screenshot: http://i.imgur.com/DU4Tv58.jpg

Albert · May 2016

In which browser this button is blue? Because we didn't noticed such color.

aovivo · May 2016

in Chrome

Albert · May 2016

But this is the color rendered by Chrome browser itself. We have no impact on it unfortunately.

Styling for Comment box (posted comments and new ones)

Comments