Bearblog toast button color

Help
1

Can someone show me the most straightforward way to change what color the Bearblog upvote button becomes when clicked? Right now it becomes salmon, which doesn’t really go with my theme.

2

So, for some reason it looks like this is done with inline CSS? I don’t understand why they would do it that way, but using an !important flag on your CSS override could work?

3

Can you show me an example of what the CSS class should look like? I genuinely don’t know what to type, even after googling it.

4

This part you probably know for the color.
a:visited {
color: #551A8B; /* Change this to your desired color */
}
Bing AI

This part in your CSS for override (where to put important).
#myid {
background-color: blue;
}

.myclass {
background-color: gray;
}

p {
background-color: red !important;
}
CSS !important Property

EDIT:
*You can also just do this in the class of the link above if it makes more sense (or on the button class property):
a:visited {
color: #551A8B !important;
}

5

Also found this but you may already have.
Customising the Bear upvote button | A functioning blog

Anatomy of a Personal Blog: The Upvote Button | oh hey it’s my blog

1 Like
6 
.upvote-button[disabled] {
  color: red !important;
}

This will change both icon and text. If you want to make those two different colors let me know because that’s obviously also possible.

2 Likes