Joomla Templates Club 406,261 posts

[haasfabian Friend haasfabianJoin date: May 2013Posts: 6Downloads:2Uploads:2 Thanks: 3]

#187829

Hi Folks,
I just changed my template.css for the main-bg.png to “fixed” because I want to have a full screen fixed background. Here the extract from the template.css:

/* Main background —*/
#ja-full-bg .main-background {
background: url(../images/main-bg.png);
background-attachment: fixed;
}

The background is fixed now, but not full screen. On the top area I have a white background (see attached screenshot). What is wrong here?

And, if I want to have a different image for different pages, how can I do that?

Thanks in advance for your help!!

BR,
Fabian

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#494565

Hello,

Please change your code to:

body#bd #ja-wrapper{
background: url(../images/main-bg.png);
background-attachment: fixed;
}

1 user says Thank You to Luna Garden for this useful post

1. haasfabian

[haasfabian Friend haasfabianJoin date: May 2013Posts: 6Downloads:2Uploads:2 Thanks: 3]

#494711

got it, thank you!

but there are two more problems. now this background setting is only applicable for the home page. how can I assign that to all pages?

or, how do I assign different background images to different pages?

thanks in advance.

br,
fabian

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#494786

Hello Fabian,

I have clear T3 cache, now the background is applied for all page.

If you want to assign different background to different pages, go to menu item of each page, add class suffix. For example, I added Page class to Typo page as this capture
Then go to file
templates/ja_mixmaz/css/template.css
add these lines


#bd.body_pagetypo #ja-wrapper{
background: url(../images/typo-bg.png);
}

1 user says Thank You to Luna Garden for this useful post

1. haasfabian

[haasfabian Friend haasfabianJoin date: May 2013Posts: 6Downloads:2Uploads:2 Thanks: 3]

#494966

Great – thank you all for your support..!! 🙂

BR,
Fabian

[Author]

Posts