CSS Background Hell

Get Started
1

Hi All,

I’m hoping someone can help me locate where I need to place my background code in the attached code. I purchased this theme for a tumblr site and love it’s functionality. The theme comes with 3 different options of colors/fonts to use. I’ve tried a couple different ways to insert a background image but they all fall short. Can someone take a look at the code and point me in the right direction?

Thanks in advance,

md
(code attached)

2

Glad that I could help :slight_smile:

3

You can’t get it if you use fixed measurements. You need to use relative measurements such as % or ems.


#overall {
position: relative;
width: 80%;
margin: 5px 0 0px 400px;
}

or if you want the margins to be flexible too


#overall {
position: relative;
width: 80%;
margin: 0.3em 0 0 50%;
}

As you can see, you can mix different types of units, although I tend to stick to one (for my sanity’s sake… I’m already crazy enough, you know :D)

4

Thanks! I searched for the site css code and found it. Found the Ash theme and just tweaked- instant fix. Thank you

5

That’s not your CSS… it is your HTML… look into your CSS files and search for the background property… probably in the html or body tag. I would assume that it is in the site.css file.

Look for classes charcoal, Royal or Ash. It seems that these are the three possible themes that you may have and these classes are applied to the body (depending on the theme you choose)

6

One more quick question!

I’m trying to right align my content so that when a user decreases or increase the browser size the right content moves back and forth depending on the size selected? Any idea of how to do something like this?

I’m currently messing around with this code:

#overall {
position: relative;
width: 840px;
margin: 5px 0 0px 400px;
}