The effects of alcohol on
sustanon 250 leucine for – real weight loss & bodybuilding benefits?
[Solved] Change the thumbs up color
✦ Summarize Topic
✦
✦
✦
AI is analyzing the discussion...
How-to and Troubleshooting
Topic starter
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Apr 27, 2020 5:34 pm
(@the-nimble-nav)
Eminent Member
Joined: 6 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..
Moderator
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Apr 27, 2020 6:38 pm
(@alina)
Member
Joined: 6 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.
Topic starter
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Apr 28, 2020 3:20 pm
(@the-nimble-nav)
Eminent Member
Joined: 6 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 🙂
Topic starter
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Apr 29, 2020 5:49 pm
(@the-nimble-nav)
Eminent Member
Joined: 6 years ago
I hope someone could help me with this.. 🙂 🙂
(@alina)
Joined: 6 years ago
Member
Posts: 71
May 01, 2020 9:10 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
@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: 6 years ago
Eminent Member
Posts: 14
May 01, 2020 9:37 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
@alina It worked! Thanks 🙂
