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

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

3 Posts
2 Users
2 Likes
840 Views
Posts: 2
Topic starter
(@brocksheets)
New Member
Joined: 3 years ago

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
Screen Shot 2021 07 15 at 3.44.17 PM

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
Asti
Posts: 7128
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 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;
}

 

1 Reply
(@brocksheets)
Joined: 3 years ago

New Member
Posts: 2

@asti, that worked!  Thanks so much!

 

Screen Shot 2021 07 16 at 10.04.43 AM
Share: