• Register
PhysicsOverflow is a next-generation academic platform for physicists and astronomers, including a community peer review system and a postgraduate-level discussion forum analogous to MathOverflow.

Welcome to PhysicsOverflow! PhysicsOverflow is an open platform for community peer review and graduate-level Physics discussion.

Please help promote PhysicsOverflow ads elsewhere if you like it.


New printer friendly PO pages!

Migration to Bielefeld University was successful!

Please vote for this year's PhysicsOverflow ads!

Please do help out in categorising submissions. Submit a paper to PhysicsOverflow!

... see more

Tools for paper authors

Submit paper
Claim Paper Authorship

Tools for SE users

Search User
Reclaim SE Account
Request Account Merger
Nativise imported posts
Claim post (deleted users)
Import SE post

Users whose questions have been imported from Physics Stack Exchange, Theoretical Physics Stack Exchange, or any other Stack Exchange site are kindly requested to reclaim their account and not to register as a new user.

Public \(\beta\) tools

Report a bug with a feature
Request a new functionality
404 page design
Send feedback


(propose a free ad)

Site Statistics

204 submissions , 162 unreviewed
5,026 questions , 2,180 unanswered
5,344 answers , 22,686 comments
1,470 users with positive rep
815 active unimported users
More ...

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

+ 2 like - 0 dislike

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: 


asked Feb 25, 2014 in Feature Request by dimension10 (1,985 points) [ revision history ]
retagged Mar 2, 2014 by dimension10

Done, using our new PhysicsOverflow theme !

Thank you, it's working!  

@polarkernel Thank you, however, I think that the current colour for the upvote count is too light, and should be changed to #008000.      

Ok, it's correct now. 

Your answer

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):
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:
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.

user contributions licensed under cc by-sa 3.0 with attribution required

Your rights