I want to fill most of my main page with a background image, it does not have to be responsive, but I don`t want it to show on other pages. I used custom.css to put the image in OK but it is a global setting. In the past with other templates I just attached it to a class that had already been given to the home page body tag (i.e. .home), but there is none in T3 and I don`t know how to create one that would be unique to each menu item.

This is my first experience with LESS and I`ve managed to change the body background colour using variables-custom.less but can`t get the background image to work in LESS.

I am using T3_blank 1.4.2 with Joomla 3.0.3 on a local server.

Any suggestions would be greatly appreciated

OK thanks to some other posts on this topic I`ve learned a bit, there is a `home`class applied to the html tag. Great, but my css, which works fine when applied to the body tag, does not work when applied to the html tag or the .home class even though Firebug shows it as taking precedence. What am I doing wrong?

CSS is:
.home{
background-color: #EEEEEE;
background-image:url(../../../images/logo/globe_logo_large.png);
background-repeat: no-repeat;

}