[Solved] Change color of circle around thumbs-up button

✦ Summarize Topic

How-to and Troubleshooting

Last Post by brocksheets 4 years ago

3 Posts

2 Users

2 Reactions

1,726 Views

RSS

Posts: 2

brocksheets

Topic starter

Translate ▼

Jul 16, 2021 1:55 am

(@brocksheets)

New Member

Joined: 4 years ago

[#2240]

This forum post was helpful in getting the thumbs-up button and number of likes away from the default green: https://wpdiscuz.com/community/postid/342/

However, I need the 2 following changes labeled in the screenshot:

make the circle around the thumbs-up to also be the same color blue (#024959)
keep the "0" likes to remain the original grey

What is the custom CSS to add there?

I currently have the following in Dashboard > wpDiscuz > Settings > Styles and Colors > Custom CSS Code:

.wpd-comment-footer .wpd-vote-up svg:hover {
fill: #024959 !important;
}
#wpdcom .wpd-comment-footer .wpd-vote-result{
color: #024959 !important;
}
#wpdcom .wpd-up svg {
fill: #024959 !important;
}

Thanks in advance!

2 Replies

Posts: 8208

Asti

Support

Translate ▼

Jul 16, 2021 1:31 pm

(@asti)

Illustrious Member

Joined: 8 years ago

@brocksheets,

Please use this code instead of it:

.wpd-comment-footer .wpd-vote-up svg:hover {
   fill: #024959 !important;
}
#wpdcom .wpd-up {
color:  #024959 !important;
}
#wpdcom .wpd-up svg {
fill:  #024959 !important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up {
border: 1px solid  #024959 !important;
}

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.