Change the Vote Up/Vote Down look to a thumbs up/thumbs down and make it more prominent

Trav
asked 5 years ago

Hi, right now the Vote button is very hard to find. It’s barely visible and hard for users to vote on their favorite questions/answers. Is there a way to make it look like a thumbs up/thumbs down icon? Is there a way to style it better?
Vote button hard to find Make it look like a Like Button?

1 Answers

DominicStaff
answered 5 years ago

Please accept my apology for the delay in getting back to you, you can use the following code to change the vote icon into the thumbs up and down.

.dwqa-question-vote .dwqa-vote.dwqa-vote-up, 
.dwqa-answer-vote .dwqa-vote.dwqa-vote-up,
.dwqa-question-vote .dwqa-vote.dwqa-vote-down, 
.dwqa-answer-vote .dwqa-vote.dwqa-vote-down {
    right: 6px;
    top: -20px;
    border: 0 !important;
    background: url('your-url-image.png');
    width: 20px;
    height: 20px;
    background-size: cover;
}

.dwqa-question-vote .dwqa-vote.dwqa-vote-down, 
.dwqa-answer-vote .dwqa-vote.dwqa-vote-down {
     background: url('your-url-image.png');
     bottom: -20px;
}

baannsheee
replied 4 years ago

Sorry. I did not understand it and I do not know what to do. Could you please explain it more clearly? I have two icons in png format to replace these arrows, one for vote-up and another for vote-down. How can I do that and what should I do? I use a plugin to do visual CSS, All I can do is select the arrow and change the background. My new icon appears on the top, but the arrow still remains and I cannot remove it.

Dominic Staff
replied 4 years ago

Please send me username & password of your site, I will help you resolve this issue.