Hi Phil

To fix the background of your template try adding the following to the Custom CSS field of your templates parameters...

[code type=css]#body_bg {background-attachment: fixed;}[/code]
Ciarán

Thanks Ciarán - that worked perfectly!

Phil.

Great

Hi Ciaran,

One more quick question about the background image...

I have my template now displaying a static background image but I notice that if the content area of the page is not long enough, the background image gets cut off and a grey area is displayed below. If the content area is larger than the page then all is well and the background image appears as it should - see attached screen-grabs. Is there any way to force the background image to display fully even with a small content area?

Thanks,

Phil.

Hi Philip

Would you have a URL to an example of your background image?

Ciarán

Hi Ciaran,

The site I'm working on is still under development on my laptop, but I've used the same background image on a couple of club blogs (below) and I've attached the original image here...

http://ihpa-xc.blogspot.ie/
http://ihpa-comps.blogspot.ie/

The problem only occurres if the 'content' area is not fully filled with text/images or otherwise empty.

Phil.

Bit of a shot in the dark this but try adding the following to the Custom CSS field of your templates parameters..

[code type=css]body {
background-image: url("../images/style1/header.jpg";
background-attachment: fixed !important;
}[/code]

Presuming ../images/style1/header.jpg is your background image.

Ciarán

Hmm... no joy there - same problem persists.

I am already using the following line of code in the template's Custom CSS panel to stop the background image scrolling off the screen:

#body_bg {background-attachment: fixed;}

Your code snippet above (with and without the #body_bg... line) doesn't cure the problem.

Thinking cap back on...

Phil.

Hi Phil

The #body_bg div will only extend to the height of your content area hence why the truncated background on pages with shorter content. I was hoping to add the background to the body of your template so it would extend the full height of your site regardless of your content. May I suggest getting back to me once your site is uploaded to your host so I can examine the issue further and find a suitable solution for you.

Ciarán

Thanks Ciaran. I'll upload the new site to a development directory our server over the weekend and will send you the admin log-in.

All the best,

Phil.

Hi Ciaran,

I uploaded a copy of my site to a live server and sent you the link and admin login by private email. Could you take a look and see if it is possible to prevent the background image from being foreshortened when the content panel is too short? If you click on 'Contact' in the main menu to see the problem.

Thanks,

Phil.

Hi Phil

Could I ask you to resend this information as we don't appear to have received it (info@joomla51.com).

Ciarán

hmm... info@joomla51.com is bouncing with a very interesting error message!

The following recipient(s) could not be reached:
'info@joomla51.com' on 19/02/2013 22:20
552 5.2.0 2NKi1l00J0AZ3PR01NKl8m Abusive content detected in your email

Can you email me off-forum with another email address perhaps? My email is philiplardner---at---eircom.net (replace the ---at--- with @)

Thanks,

Phil.

Hi Phil.. email sent as requested.

Ciarán

Hi Ciaran,

Thank you very much for sorting that out - it's very much appreciated!

Phil.

PS - for anyone else with the same issue, here's the fix:

Edit the following files:

templates/j51_oxygen/css/nexus.css - comment out or remove line 2:
from: background: url("../images/bg.jpg" repeat scroll 50% 0 #130E0A;
to: /* background: url("../images/bg.jpg" repeat scroll 50% 0 #130E0A; */

templates/j51_oxygen/css/style1.css - edited line 1:
from: #body_bg {background: url(../images/style1/header.jpg) 50% 0 no-repeat;}
to: body {background: url(../images/style1/header.jpg) 50% 0 no-repeat;}

I think that's all!