[Tutorial] Removing Downvotes/Upvotes

https://www.reddit.com/r/CSSTutorials/comments/1imcrb/tutorial_removing_downvotesupvotes/

created by [deleted] on 19/07/2013 at 08:40 UTC*

9 upvotes, 1 top-level comments (showing 1)

This ones a quickee

General code

 *your choice of the below items, separated, by commas*
     {
     display: none!important;
     }

┌───────────────────────────────────────┬──────────────────────────────────────┐
│                 Code                  │               Function               │
╞═══════════════════════════════════════╪══════════════════════════════════════╡
│ #siteTable .midcol div.score          │ the score next to the upvote button  │
├───────────────────────────────────────┼──────────────────────────────────────┤
│ #siteTable .arrow.down                │ downvote button on posts             │
├───────────────────────────────────────┼──────────────────────────────────────┤
│ #siteTable .arrow.up                  │ upvote button                        │
├───────────────────────────────────────┼──────────────────────────────────────┤
│ .sidecontentbox .midcol div.score,    │ the downvotes number shown on the    │
│ .sidecontentbox .arrow.down           │ right side on posts                  │
├───────────────────────────────────────┼──────────────────────────────────────┤
│ .sidecontentbox .midcol div.score,    │ the number of upvotes shown on the   │
│ .sidecontentbox .arrow.up             │ right side on posts                  │
├───────────────────────────────────────┼──────────────────────────────────────┤
│ .sitetable.nestedlisting .arrow.down  │ downvotes on comments                │
├───────────────────────────────────────┼───────────────────��──────────────────┤
│ .sitetable.nestedlisting .arrow.up    │ upvotes on comments                  │
└───────────────────────────────────────┴──────────────────────────────────────┘

So if you want to remove all downvotes it would be:

##siteTable .midcol div.score, #siteTable .arrow.down, .sidecontentbox .midcol div.score, .sidecontentbox .arrow.down, .sitetable.nestedlisting .arrow.down
    {
           display: none!important;
    }

And just comment downvotes:

.sitetable.nestedlisting .arrow.down 
    {
           display: none!important;
    }

Comments

Comment by [deleted] at 19/07/2013 at 23:51 UTC

2 upvotes, 1 direct replies

Slight correction: the downvote button on posts should be #siteTable instead of .siteTable. I was wondering why I couldn't get it to work.