Background Image on Revolution Music Theme

  • chrisgeo

    (@chrisgeo)


    12 years, 8 months ago

    Hey guys,

    I can’t for the life of me figure out how to place a background image on the Revolution Music theme. I have used the code url(/images/image.gif) (and whatever else the code has, I’ve copied and pasted many times). But every time I place the code the screen just goes white.

    Does anyone have any idea?/

    Here is a sample of the style sheet. I can change the background color just fine… changed it from grey to black so I know I’m looking at the right line…

    BTW. If I can make the image static on the background and have my wordpress site scroll up and down with the image still, that would be GREAT!

    */

    body {

    background: #000000; url(images/background.gif) top left no-repeat;

    width: 990px;

    color: #202020;

    font-size: 12px;

    font-family: Arial, Tahoma, Verdana;

    margin: 0px auto 0px;

    padding: 0px;

    }

    #wrap {

    background: #FFFFFF url(images/bg.gif);

    width: 990px;

    margin: 0px auto 0px;

    padding: 0px;

    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • peredur

    (@peredur)

    12 years, 8 months ago

    We need a link. When we have a link to your site we can see the html and the css. You don’t need to post it.

    Ideally, you should make the changes you want (that don’t work) and then we can check out what’s happening. My first guess would be that the background image is not being found. Relative paths in style sheets are relative to the style sheet, so I suspect you need something like:

    background: url('../images/bg.gif');

    You should have the quotes, too.

    WP may insist you use a complete URL to the background image. I’m not sure about that.

    HTH

    PAE

    Thread Starter chrisgeo

    (@chrisgeo)

    12 years, 8 months ago

    http://truthfrequencyradio.com

    Thank you for checking it out 🙂

    Thread Starter chrisgeo

    (@chrisgeo)

    12 years, 8 months ago

    by the way, tried it with the whole URL and quotes exactly as above. No go.

    peredur

    (@peredur)

    12 years, 8 months ago

    What was the whole URL you used?

    Remember I was only guessing with the relative url I gave in my previous post. I can’t see where you put your images.

    I just checked your site. There’s no background image specified that I could see, so I can’t do any checking to see if the web server can find it or not.

    Cheers

    PAE

    peredur

    (@peredur)

    12 years, 8 months ago

    I also just noticed this:

    body {
  background: none repeat scroll 0 0 #000000;
  color: #202020;
  font-family: Arial,Tahoma,Verdana;
  font-size: 12px;
  margin: 0 auto;
  padding: 0;
  width: 990px;
}

    So your body element is entirely overlaid by the wrapper element. Therefore a background image could never be seen.

    Doing this didn’t seem to hurt:

    body {
  width: 100%;
}

    That would make the body extend out beyond the #wrapper and make any background image visible (if the Web server can find it)

    HTH

    PAE

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background Image on Revolution Music Theme’ is closed to new replies.