We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Martin Grau
  2. Announcement
  3. Monday, 14 July 2014
  4.  Subscribe via email
Hey,

i cant figure out how to add a background image behind my t3 template.

Can anyone tell me how i can add a background like the "track" in the attachement?
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin,

Use the following css:

background:url(../images/your-image.jpg); /path to your image
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

Should Work in Chrome, FF and Safari
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin,

@Antole: thanks for your contribution to the community :)

@Martin: You can try Antole's suggestion. Otherwise please refer to the discussion: http://t3-framework.org/discussions/add-a-background-image-to-entire-page.html
It's the discussion on how to add background for a specific menu item. Let me if it helps you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin,

Use the following css:

background:url(../images/your-image.jpg); /path to your image
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

Should Work in Chrome, FF and Safari


in what file do i have to copy this?

@Gardner Luna: ich followed your suggestion too, but can´t find a custom.css file at this path.
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin

Sorry for not mention that. Please create such file in the path. By default, we don't include the file in our template as it's user's customization file.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hey again,
i wrote this (see attachment) in the custom.css file in the path as mentioned. The footer is not displayed anymore. That works. But no background appeared. I want the background behind the whole website.

Whats wrong with my custom.css file? Where do i have to change my css code, that my background image will appear?


Sorry, i am new to joomla and especially this template...
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin,

Please follow the instruction in this discussion: http://t3-framework.org/discussions/add-a-background-image-to-entire-page.html
You will find the solution, I did mention this link, not sure you checked it or not.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hey,

ich tried this as you see in the attachement below, but it didnt change a thing :/

In my menü item i cant choose page classes, i just can change this in configuration right now, as you see in second attachement...

my homepage is http://www.lsc-hoechstadt.de.

Any other suggestions or something i am just doing wrong?
Attachments (2)
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin Grau,

Please pm me your site url and admin account, I will have closer check and help you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Martin Grau,

If you are yet to find a solution, please take a look at the screenshot. Just ran a CSS test on your website and the code above works. Use it on the t3-wrapper class.

.t3-wrapper{
the code
}

See screenshots.

Thanks
Attachments (2)
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, we have been confirmed that it's fixed :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. Announcement
  3. # 10
  • Page :
  • 1


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