Hi, just wondering how I can add an image as a site background instead of a block colour. At the moment the colour is set with 'theme magic'. Can I just add some code to custom.css to override this and show an image instead? Cheers

Hi

Have you tried adding the image to the body tag?

You would need to add the css to the custom.css file

Cheers
Paul

Hi I'm not so hot on the coding side of things. Could you give me a basic example of how this is done?

How and where I add the image to the body tag.

Example code to put in custom.css

I've tried to look where 'theme magic' is changing the background colour but can't seem to see it.

Cheers

Have a link for the site so I can see what you added?

Cheers
Paul

body {background-image: path to the image, repeat or no repeat and positioning of it; background-color: transparent;}

So you need to have the image in a folder in the template images and link to it together with whether it repeats and how its positioned

Cheers
Paul

Thanks Paul, think I've worked it out now.

You're welcome

Cheers
Paul

Hi Paul,

I've tried to follow your instructions but I'm not having any luck. I copied my image into the 'images' folder in the template and used the following code in custom.css:

body {
background: url(/images/'bg-stream.jpg');
}

Any glaring errors there?

Do you have a link?

Cheers
Paul

Hi Paul,

Temporary link is www.garageastdev.co.za/mamagalie3

I've set up a temporary administrator access for you, let me know if you would like me to message it to you.

Cheers

Barry

the quote marks are in the wrong place.

and your code refers to the images folder on the site root (eg, /images), not the template (/templates/base3/images)

Thanks blueshift - indeed quotes are in the wrong place

Think you are looking for

body {
background: url('../images/bg-stream.jpg');
}

Thanks, guys, really appreciate the help as always. Great template.

You're welcome

Cheers
Paul