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

Upvote/downvote buttons color

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 5 years ago

4 Posts

2 Users

0 Reactions

1,771 Views

RSS

GangDa

(@gangda)

Posts: 8

Active Member

Topic starter

Translate ▼

[#2171]

Hi, I want to know how to change the upvote/downvote buttons' color? And also the color of the vote number. Thank you very much!

Posted : 22/06/2021 10:41 am

Topic Tags

upvote/downvote color

Asti

(@asti)

Posts: 8271

Illustrious Member Support

Translate ▼

@gangda,

You should use additional CSS code for this. You can leave here some example URL we'll help you with the CSS code.

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 : 22/06/2021 1:55 pm

GangDa

(@gangda)

Posts: 8

Active Member

Topic starter

Translate ▼

Here is a post page with comments.

Posted : 23/06/2021 3:18 am

Asti

(@asti)

Posts: 8271

Illustrious Member Support

Translate ▼

@gangda,

Use the CSS codes below:

/* upvote */
#wpdcom .wpd-up svg {
   fill: #a51b1b !important;
}
#wpdcom .wpd-up{
   color: #a51b1b !important;
}

/*  downvote */
#wpdcom .wpd-down svg {
   fill: #215f84 !important;
}
#wpdcom .wpd-down {
   color: #215f84 !important;
}

The red marked value can be changed as you like.

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

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 : 23/06/2021 1:35 pm