Joomla Templates Club 406,261 posts

[Scanni Friend ScanniJoin date: December 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#174483

Hi there!

I need to figure this out :”

On this site http://www.mayahealthyweight.nl/nieuw
I did add an big logo in header, now i want to put in a background image which gives shadow to either side of the hedaer picture.
As you go to this site you see that the picture is there, but all wrong located. Where do i set up my background picture right?
In IE its showing a little bit to much to the left and to low, in FF the background picture is showing even lower on the page?
Can find it in forums

Thanks in advance

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441089

Hi Scanni,

your css code needs small improvements 😉
Take a look at your template.css at line 14. You’ll find this block body#bd. Please change it to what I’ve pasted below.


body#bd {
background: url(../images/background.jpg) no-repeat 35px 0px;
font-size: 12px;
}

Cheers

Frank

[Scanni Friend ScanniJoin date: December 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#441096

Thanks allot Frank.

The only problem thats existed was that the when the scroll bar didnt show, the background did not fit well in Chrome.
We figures that out by placing this code in the templates/ja-edenite/css/template.css

html { overflow-y:scroll; }

But this doesnt seem to work with MAC?

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441368

Hi Scanni,

this can’t work because the shadow in the background image is not centered!
Please change the css to:


body#bd {
background: url(../images/background.jpg) no-repeat top center;
font-size: 12px;
}

I’ve attached the corrected background image. The white space to the right was wider than to the left. I’ve made them even for you. 🙂

Cheers

Frank

---

Attachments:

1. 

1 user says Thank You to pixelzombie for this useful post

1. Scanni

[Scanni Friend ScanniJoin date: December 2009Posts: 19Downloads:0Uploads:0 Thanks: 4]

#441927

Great, it seems to work now.

Many thanks, great support!! 🙂

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#441932

I’m glad it worked out for you!
Thanks for the compliments :-*

[Author]

Posts