Customizing ‘READ MORE’ Button Color

WordPress Themes, Plugins and HTML Templates › Forums › Dicot WordPress Theme › Customizing ‘READ MORE’ Button Color

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 28, 2020 at 2:20 am #7803
    Stan Shinn
    Participant

    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).

    January 28, 2020 at 8:43 pm #7808
    admin
    Keymaster

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

    January 29, 2020 at 2:25 am #7809
    Stan Shinn
    Participant

    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.

    January 29, 2020 at 11:25 am #7813
    admin
    Keymaster

    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

    January 29, 2020 at 10:03 pm #7815
    Stan Shinn
    Participant

    That worked! Thank you 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.