#40 BG HELP

Hi there! So you're interested in making a full size sidebar background, are you? It's simple as pie.

Copy and paste the code into your HTML editor on tumblr. Press CTRL + F and search for " #sidebar ".

You should find this:

#sidebar {
    position: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url('{image:sidebarbg}');
    width: 405px;
    height: 100%;
    background-color: {color:sidebarbg};
    float:left;
    position:fixed;
    top:0;
    left:0;
    z-index:.9;
}

So, the simplest way to do this is to dissect the background properties one by one. That will be these two. (Background color won't matter that much if you're planning on using an image anyway, right?)

    background-repeat: no-repeat;
    background-position: bottom right;

If you want to repeat your image, simply erase 'no-repeat' and put 'repeat' instead.

If you want to change your background position, please visit this link. It'll be better explained there. http://www.w3schools.com/cssref/pr_background-position.asp

One thing that I always find is nice to add if you're worried about the height resolution of your sidebar image is this:

background-size: cover;

Just add that little baby between the {} and you'll be set. This assures that your background image will fit all screens accordingly.

Hope this helps!

Cheers,
Ana