Changing text color

• 

  louisecanfield · Member · Sep 25, 2014 at 2:12 pm

  • Copy link
  • Add topic to favorites

  The font colors on my “recent comments” widget are not consistent, so some of them don’t show up and the comment looks incomplete. How do I change the color of the text for the entire comment so that it displays properly. Also, I’d like to remove the avatar completely. All I seem to be able to do is to show a blank spot.

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Sep 25, 2014 at 7:56 pm

  • Copy link

  Hi Louise!

  Regarding the avatars, those are showing up as blank per your setting here under Settings -> Discussion:

  https://realsouthernwomen.wordpress.com/wp-admin/options-discussion.php

  Basically, if the user commenting doesn’t have a set avatar, it will show up as blank.

  Regarding the font color, can you give this a try?

  #recent-comments-3 {
  	color: #fff;
  }

  Just input that under Appearance -> Customize -> CSS. Also, just for future reference, we have a forum devoted to CSS customizations here:

  https://en.forums.wordpress.com/forum/css-customization

  In case you’re interested to learn a bit more, we have some information and resources here:

  http://en.support.wordpress.com/custom-design/editing-css/

  Let me know if you need anything else!

• 

  louisecanfield · Member · Sep 25, 2014 at 9:30 pm

  • Copy link

  Thanks for your prompt response! Not sure exactly where to paste that command. When I go to CSS using the path you outlined, I get some kind of help screen that explains what CSS is, but I don’t see a place to paste the command.

  Re the avatar, I was trying to get rid of them altogether. I don’t see what they contribute and they take up a lot of space. But all I could do was to get a blank which takes up the same amount of space.

• 

  jeremeylduvall · Member · Sep 25, 2014 at 10:13 pm

  • Copy link

  Hi Louise!

  If you navigate to Appearance -> Customize -> CSS, you’ll see a block of text that starts with /* and ends with */. Erase all of it (including the /* and */ symbols). Then, paste the text mentioned below. Can you give that a try?

  Regarding the avatars, those provide a way of recognizing who left a particular comment. For example, in the forum here, you’ll see my avatar (along with other Happiness Engineers) to indicate who is responding.

  If you don’t want the space taken up, you should be able to add the following CSS to remove it:

  td.recentcommentsavatartop {
  	display: none;
  }
  
  td.recentcommentsavatarend {
  	display: none;
  }

  So, to be clear, you would want to replace everything in the CSS box currently with:

  #recent-comments-3 {
  	color: #fff;
  }
  
  td.recentcommentsavatartop {
  	display: none;
  }
  
  td.recentcommentsavatarend {
  	display: none;
  }

  Let’s give that a shot!