The following code will allow you to add an image to your subverse's stock sidebar, as seen on /v/oldtimeradio, or with the Typogra theme, as seen on /v/BobRoss
/*=====Add Image to Sidebar=====*/
padding:300px 0 0 !important; /*===Change "300px" to the height of your image===*/
background:url([http://i.imgur.com/VY0nb8u.png](http://i.imgur.com/VY0nb8u.png)) top center no-repeat;
- In between the url parenthesis you will add the link to the image you want to use.
- the stock sidebar is around 300px wide so it's usually recommended that your image be around that width. You can then adjust the padding pix to match.
This code does work with the Typogra theme that many subverses are using, however the Typogra theme uses a wider sidebar so your image should be a little bigger and you'll have to adjust the pix in your padding until it fits how you like it.
You will see that you can add notes or reminders in your CSS code by putting them inside a forward slash and asterisk, followed by your note, and then closed off with an asterisk and a forward slash. So it looks like this:
/====This reminds me of what this block of code is for===/
(I use "=" to make the note stand out for easier location of what I'm looking for. These are invaluable for locating a certain section of code. Just remember you have to enclose your note in /* */ or else voat will try to read your note as code.