Customizing ‘READ MORE’ Button Color

[Stan Shinn]

I want to customize the colors of the ‘READ MORE’ button which is displayed on each post on the homepage. What is the CSS listing that I need to modify to do this? In particular, I want the button background to be blue (#2A7AB7) and the font to be white (#FFFFFF).

[admin]

Hi,
Please mention your website url, so i will be able to share a CSS Snippet with you.
Thanks

[Stan Shinn]

The website is for an internal intranet, and not visible outside our firewall. I can provide my website code from my purchase if you need it.

[admin]

Hi,
Please try the following CSS Snippet.

.more-link,
.more-link:visited {
  background-color: #2A7AB7;  
  border: 1px solid #1b537d;
  color: #fff;
}
.more-link:hover {
  background-color: #1b537d; 
  color: #fff;
}

Thanks

[Stan Shinn]

That worked! Thank you 🙂

[Author]

Posts