Change READ MORE to more dark color.

• 

  alittlefashionpro · Member · Dec 10, 2015 at 6:55 pm

  • Copy link
  • Add topic to favorites

  I am not familiar with CSS and I was told that many of you can very easy help me. I want to change color on READ MORE button, to make it more visualizing, like black, for example. Thank you a lot.

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

• 

  g471n · Member · Dec 10, 2015 at 7:53 pm

  • Copy link

  Try this line of custom CSS to change the color.

  .hentry .more-btn a {
      color: #000000;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  You need to be on the WordPress.com Premium Plan for custom CSS to save.

• 

  g471n · Member · Dec 10, 2015 at 7:56 pm

  • Copy link

  To change the color of the Read More link when hovered, you can use this.

  .hentry .more-btn a:hover {
      color: #7E808A;
  }

• 

  g471n · Member · Dec 10, 2015 at 7:59 pm

  • Copy link

  You can change the color code (#7E808A) to a color of your choice.

  A good site to identify the codes for different colors is – http://www.w3schools.com/tags/ref_colorpicker.asp

• 

  alittlefashionpro · Member · Dec 10, 2015 at 8:02 pm

  • Copy link

  Thank you so much

• 

  alittlefashionpro · Member · Dec 10, 2015 at 8:08 pm

  • Copy link

  That is great how you do this. Its still light, can we do red? or can do change all line in black?

• 

  g471n · Member · Dec 10, 2015 at 8:18 pm

  • Copy link

  To make it red use the color code – #FF0000

  .hentry .more-btn a:hover {
      color: #FF0000;
  }

• 

  alittlefashionpro · Member · Dec 10, 2015 at 9:12 pm

  • Copy link

  Thanks a lot

• 

  g471n · Member · Dec 11, 2015 at 7:57 am

  • Copy link

  You are welcome.