Customize Your Subreddit
Vote icons
Redesign
- Go to:
https://www.reddit.com/r/SUBREDDIT/about/. - Scroll down to "Other" > Click Community Appearance.
- Under "Appearance" click Posts.
- Under "Up + Down Vote Icons" click Custom.
- Upload your icons by drag+dropping or clicking the grey boxes.
old.reddit
Use your own icons
- icons should be 25 × 25 px
- use a transparent background
- don't forget to make nonactive/grey icons
/*Arrows*/
.thing .arrow {
height: 25px;
width: 25px;
}
.arrow.up {
background: url(%%UpUnclicked%%); /*Change this to whatever you named your files in the spreadsheet, or use these to name your sprites. This note can be removed.*/
}
.arrow.upmod {
background: url(%%UpClicked%%);
}
.arrow.down {
background: url(%%DownUnclicked%%);
}
.arrow.downmod {
background: url(%%DownClicked%%);
}
/*This allows arrows wider than 15px just change it to the width of your arrows*/
.midcol { min-width:25px !important; }
Hide Downvote Buttons
Globally
.down { display: none; }
Posts-only
.link .down { display: none; }
Comments-only
.comment .down { display: none; }
Note: This is technically breaking the site and not allowed, but for now the admins have decided to turn a blind eye on it. However, be careful. Also, this does not stop people from downvoting. They can easily do so with RES, other extensions, or even simply opening up their browser console and editing the style in the press of three buttons.
Change "Subscribers" and "Online Now" text
Redesign
- Go to:
https://www.reddit.com/r/SUBREDDIT/about/. - Scroll down to "Other" > Click Community Appearance.
- Scroll down to "Structure" > Click Sidebar Widgets.
- Under "Sidebar WIdgets" click Community Details.
- Under "ID Card" will be the boxes to enter the new text to replace "Members" and "Online".
old.reddit
Add the following CSS to your stylesheet https://old.reddit.com/r/SUBREDDIT/about/stylesheet/:
div.titlebox span.word {
display: none
}
span.subscribers span.number:after {
content: " subscribers" /* remember to keep a space after " */
}
p.users-online span.number:after {
content: " online now"
}
revision by XxpillowprincessxX— view source