Can anyone tell me how to add an image to the 'background' of the Grid 3 template and what size should the image be to fill background.

Hi Mick,

To add a fullscreen image to your site you'll need to do the following

1. Add the following snippet to your custom.css file which you should be able to find in the css folder within the grid3 folder.
html {
background: url(../images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

2. You'll need to throw a image called bg.jpg into your images folder within the grid3 template folder.

The code above will automatically resize the image to make it fit to any window size whether its on a computer or phone etc. Generally I'd recommend an image around 1300px wide and try to keep the file size to below 100kb to ensure your page doesnt load too slowly.

Hopefully that gets you on your way. If you get stuck please post a url

Cheers
Rowan

Many thanks Rowan

glad its all sorted