Change the color of some elements

Hi @nataliacg,

-Stars rating that appears at the end of each text (not in the comments

You can use the following CSS codes

.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active {
    fill: #4370d3;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active {
    fill: #ffc600;
}

-Text editor colors for each comment, when I hover over

We don’t follow you well. Please try to explain in other words.

-Comment Voting Buttons – Thumbs up

You can use the CSS code below:

#wpdcom .wpd-up svg {
    fill: #4d7a63!important;
}

The value of the fill property you can change as you like.

Put the codes 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.

• This reply was modified 4 years, 8 months ago by gVectors Support.

Hello, thank you very much for answering me!

-Rating stars: it works, thanks!

-Comment Voting Buttons – Thumbs up: it works, thanks! But how can I get the circle around the thumb and the contiguous number to appear in the same color that I have chosen? It currently appears in green.

-Text editor colors for each comment: this I have already solved, it was a matter of the internal colors of the theme that I have installed, thanks!

Thanks for helping!

@nataliacg,

But how can I get the circle around the thumb and the contiguous number to appear in the same color that I have chosen?

Below are provided the codes:

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up {
    border: 1px solid #4d7a63;
}
#wpdcom .wpd-comment-footer .wpd-vote-result {
    color: red;
}

Thank you for assisting me! The code works and changes the color, but only when no vote has yet been cast. So the circle and the number “0” appear in the color that I have chosen: blue.

When a vote has been cast, the circle and number continue to appear in green.

Look: https://thepurpleeffort.com/autora-1/

Thank you!

Hi @nataliacg,

For some reason, we’re not able to see the comments. Please watch the video: https://www.screencast.com/t/pBmayHylc9

I’ve been able to take a screenshot, take a look: https://ibb.co/DLLVLk5

Thank you!

Hi @nataliacg,

Sorry for the late response.

Please try the following one:

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up, #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up {
border: 1px solid blue !important;
}
#wpdcom .wpd-comment-footer .wpd-vote-result {
    color: blue !important;
}

• This reply was modified 4 years, 8 months ago by gVectors Support.

Thank you very much.