AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

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

✦ Summarize Topic

How-to and Troubleshooting

Last Post by brocksheets 5 years ago

3 Posts

2 Users

2 Reactions

1,870 Views

RSS

brocksheets

(@brocksheets)

Posts: 2

New Member

Topic starter

Translate ▼

[#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!

Posted : 16/07/2021 1:55 am

Topic Tags

Asti

(@asti)

Posts: 8267

Illustrious Member Support

Translate ▼

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

Posted : 16/07/2021 1:31 pm

alexch reacted

brocksheets

(@brocksheets)

Posts: 2

New Member

Topic starter

Translate ▼