# Can the number of upvotes and downvotes be styled different so that they look more clear?

+ 2 like - 0 dislike
389 views

I think, that instead of simply displaying the upvotes and downvotes seperately, we can have the upvotes in green, the downvote in red, and a "+" before the upvote number, and a "-" before the downvote number.

This can be done through a short script:

$( ".votes-up" ).before( "+ " );  $( ".votes-down" ).before( "- " );

and a short style:

span.votes-up, span.qa-upvote-count-data {color:green;}                 span.votes-down, span.qa-downvote-count-data {color:red;}        span.qa-upvote-count-pad, span.qa-downvote-count-pad {color:transparent; font-size:150%}           div.qa-voting {padding-top:10px;}   

This will make the upvotes and downvotes look more clear, as to which is which. Here's a screenshot of this very question with this enabled:

 Please use answers only to (at least partly) answer questions. To comment, discuss, or ask for clarification, leave a comment instead. To mask links under text, please type your text, highlight it, and click the "link" button. You can then enter your link URL. Please consult the FAQ for as to how to format your post. This is the answer box; if you want to write a comment instead, please use the 'add comment' button. Live preview (may slow down editor)   Preview Your name to display (optional): Email me at this address if my answer is selected or commented on: Privacy: Your email address will only be used for sending these notifications. Anti-spam verification: If you are a human please identify the position of the character covered by the symbol $\varnothing$ in the following word:p$\hbar$ysicsOverflo$\varnothing$Then drag the red bullet below over the corresponding character of our banner. When you drop it there, the bullet changes to green (on slow internet connections after a few seconds). To avoid this verification in future, please log in or register.