T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Lorne VanSinclair
  2. General Discussion
  3. Friday, 22 November 2013
  4.  Subscribe via email
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;

}
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
1
Votes
Undo
Here is an image how to do it.
http://s3.postimg.org/awohgks2b/how2.jpg

Putt your background image to images folder, copy code to custom.css then in Joomla Menu Manager under Page Display Options in Page Class putt your new class (for example, class name on picture is .typo so you put "space"then write typo)

Hope it's helped.
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Oskar, hope it help you @Lorne VanSinclair
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.