Change color of "Read more" Button

misspuppydoc · Member · Jun 27, 2018 at 10:05 pm
Copy link

Add topic to favorites
Hello,

I noticed that my “Read more” button now is a dark gray color. How do I change its color?

Thank you for your help!

Phoebe

The blog I need help with is: (visible only to logged in users)
kosiew · Member · Jun 28, 2018 at 2:25 am
Copy link
Hi,

Try adding this to your CSS customization

.article .button {
background-color: white;
}

Let us know if you have more questions.
misspuppydoc · Member · Jun 28, 2018 at 8:18 am
Copy link
Unfortunately that only changed the color of my “Learn More” buttons on my home page (which I didn’t need changed), but it didn’t change the color of the “Read More” button on my blog…
fstat · Staff · Jun 28, 2018 at 12:18 pm
Copy link
Hi there,

Please try this code:

a.more-link, button {
background-color: gray;
}
misspuppydoc · Member · Jun 28, 2018 at 5:50 pm
Copy link
That worked—thank you!

Can I also change the color it becomes when the cursor hovers over it?

Thanks!
khristiansnyder · Staff · Jun 28, 2018 at 6:00 pm
Copy link
Hello! Building off of the code you are using, you can add a hover color as well. In this example, the initial color is red and will be magenta on hover. You can change the color to whatever you would like. Hope this helps!
```
a.more-link {
    background-color: red;
}
a.more-link:hover {
    background-color: magenta;
}
```
-Khristian
misspuppydoc · Member · Jun 28, 2018 at 6:05 pm
Copy link
Thank you so much! This is so helpful.

What would I put if I want to change the color of that “I want to follow you!” button on my side widget? (For some reason both those buttons turned to this weird dark gray color…)
khristiansnyder · Staff · Jun 28, 2018 at 6:11 pm
Copy link
Im glad that worked! For the I want to follow you! button, you can modify the color using this CSS (this example changes it to green):
```
.widget_blog_subscription input {
    background-color: green
}
```
Hope that helps :)

-Khristian
misspuppydoc · Member · Jun 28, 2018 at 6:35 pm
Copy link
You are wonderful; thank you!! :)

No items found.