How to change the colors in the comments?

7 posts from 3 voices

• Started 1 year ago by haritos
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   haritos
   Member

   I would like to change the font and background colors in the comments on every post!

   Posted 1 year ago #
2. 

   Chris Beard
   

   Hey,

   To change the background color of the comments you can edit the CSS. In your case, using the Dark skin you go to line 400 in your style3.css file. We're only editing style3.css so other versions of the theme stay untouched. Make sure to have a backup copy before editing any files manually

   .comment_content, .children .gravatar {
border:1px solid #444;
background: #fff;
}

   Can be changed to:

   .comment_content, .children .gravatar {
border:1px solid #444;
background: #000;
}

   Editing that line (background: #...) will change the comment background to black.
   The color is determined by a Hex Color Code

   This however changes the background of your comments but not your avatars. To change the background of the avatars see line 405 and apply the same logic to:
   .gravatar{
border:1px solid #444;
background: #fff;
border-right:none;
}

   As for the font color you can add the following to your style3.css file

   .comment_text{
color:#ff0099;
}

   Again, the same logic for colors can be used for this color.

   If anything is unclear please don't hesitate to reply.

   Posted 1 year ago #
3. 

   haritos
   Member

   Thank you very much for your fast response! I will try it right now and i'll sent you if i have a problem! Just a question! In the appearence in the wordpress dashboard in the editor there is only one css file (style.css) may i have there style3.css?

   Posted 1 year ago #
4. 

   Chris Beard
   

   If you want Habitat - Minimal and Habitat - Default to be unchanged it is better to go to your css folder and edit the style3.css file. It should be located in wp-content/themes/habitat/css/ on your host. It seems you can't edit this through the wordpress editor.

   Posted 1 year ago #
5. 

   haritos
   Member

   Ok! I found it! But i can't find the colour codes such as #fff or #000 .. I am looking for a light grey and also i want to change the fonts colours that are in the comments area... One last question! Do you know where can i change the location (left , center , right) and the text of the read more button?

   Posted 1 year ago #
6. 

   haritos
   Member

   Where i should put the:

   .comment_text{
   color:#ff0099;
   }

   to change the comment fonts colour?

   Posted 1 year ago #
7. 

   Dude
   Dude

   Hey,
   just insert it in style3.css (at the very bottom).

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.