The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Change the thumbs u...
 
Share:
Notifications
Clear all

[Solved] Change the thumbs up color

6 Posts
2 Users
3 Reactions
1,801 Views
Posts: 14
Topic starter
(@the-nimble-nav)
Eminent Member
Joined: 5 years ago

Hey 🙂

I tried changing the 'thumbs up' (when clicked) and the 'number of likes' color: https://imgur.com/a/CvVK5Ao but it didn't work exactly as I wanted.

This is the CSS I used: 

svg {
fill: #9F2629 !important;
}

And here's the result of that CSS: https://imgur.com/a/4g8D0JW

As you can see, the color of the 'thumbs down' and 'reply arrow' changed as well.
I just wanted to change the color of 'thumbs up' (when clicked) and of the 'number of likes'.
I really appreciate your help..
5 Replies
Alina
Posts: 71
Moderator
(@alina)
Member
Joined: 5 years ago

Hi@the-nimble-nav,

I just wanted to change the color of 'thumbs up' (when clicked) and of the 'number of likes'.

Please navigate to the Dashboard > wpDiscuz  > Settings > Styles and Colors admin page, put the following CSS code in the "Custom CSS Code" textarea:

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

Please note the red marked value can be changed.

Please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Posts: 14
Topic starter
(@the-nimble-nav)
Eminent Member
Joined: 5 years ago

it worked.. Thank you!

When I hover over the thumbs up, the color I see is #9F2629: https://imgur.com/WmRQ7Qh Perfect!

However, when I click the thumbs up, it turns green: https://imgur.com/yGgEnzZ  

I want the thumbs up color to turn #9F2629 when clicked. Is that possible with CSS? 

I appreciate your help 🙂

Posts: 14
Topic starter
(@the-nimble-nav)
Eminent Member
Joined: 5 years ago

I hope someone could help me with this.. 🙂 🙂

2 Replies
Alina
Moderator
(@alina)
Joined: 5 years ago

Member
Posts: 71

@the-nimble-nav,

Sorry for the late response.

I want the thumbs up color to turn #9F2629 when clicked. Is that possible with CSS? 

Please use the following CSS code:

#wpdcom .wpd-up svg {
fill: #9F2629 !important;
}

In any case please don't forget t delete all caches and press CTRL+F5(twice) on the frontend before checking.

(@the-nimble-nav)
Joined: 5 years ago

Eminent Member
Posts: 14

@alina It worked! Thanks 🙂

Share: