Adding a Background Image

StargazerJulie

Joined: 2011-04-07
Posts: 1
Posted: Thu, 2011-04-07 17:06

I tried to add a background image to the style sheet, but it isn't working..

Here is the site:
http://www.thein-between.com/memorial/

here is the code I used
body, html {
background-color: #ccc;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-image: url(/bg2.jpg);
}

I'm using the WideWind theme and I edited the screen.css
 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16504
Posted: Thu, 2011-04-07 17:27

It has to do with G3 combining the css files, it goes through and tries to fix paths. You need to do 1 of 2 things.

Make the url specified relative to the directory the css file is in that you've edited:
background-image: url("../../../../bg2.jpg);

or specify an absolute URL:
background-image: url("http://www.thein-between.com/bg2.jpg");

A 3rd option:
Put the image into the same directory as the css file you're editing and just call it by name :)

____________________________________________
Like Gallery? Like the support? Donate now!