Background Position! Please Help me! :)

**GK User** Wed May 11, 2011 6:35 pm

Hi there!
I have the background image of the site in the top, the code is :

body { line-height:1.9; background:#f0f0f0 url('../images/bg_image.jpg') no-repeat center top; min-height:100%; }

Now what i want to do is to also put a background image in the bottom of the site, so that i have a top background and a bottom background. I´ve been trying it in so many ways but without sucess.
So can any of you guys tell me how to do this? I´m really neading this fix please.

My Regards

**GK User** Wed May 11, 2011 6:37 pm

please post your www.

**GK User** Wed May 11, 2011 7:25 pm

I´m working on local server

Can you help me ?

Thanks

**GK User** Wed May 11, 2011 10:12 pm

Hi

Well you can try doing like this:

Open ../gk_yourshop/layouts/default.php and find this line:

Code: Select all: <body id="bd" class="fs<?php echo $this->getParam(GK_TOOL_FONT);?> <?php echo $this->browser();?> <?php echo 'style'.$template_style; ?>">

replace it with:

Code: Select all: <body id="bd" class="fs<?php echo $this->getParam(GK_TOOL_FONT);?> <?php echo $this->browser();?> <?php echo 'style'.$template_style; ?>"> <div id="bottom-bg" class="main">

At the end of same page, find this lines:

Code: Select all: <?php if($this->_tpl->params->get('t3_logo')) : ?> <a href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" id="t3_logo">Powered by T3 Framework</a> <?php endif; ?> </div> </div>

and replace with

Code: Select all: <?php if($this->_tpl->params->get('t3_logo')) : ?> <a href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" id="t3_logo">Powered by T3 Framework</a> <?php endif; ?> </div> </div> </div>

Now open template.css file and add this line:

Code: Select all: #bottom-bg {width: 100%; background: transparent url('../images/yourimage.jpg') no-repeat 50% bottom;}

That should do the trick.

Cheers

Cheers

**GK User** Thu May 12, 2011 12:43 am

THANKS A LOT!!! :cheer:

Only one more thing, the image that i want to put as a width of 1920px and a height of 450px. The image appears in the correct place that you´ve created but croped in the left and right side and in top.
I´ve tried to change the width and height in css but without sucess. Can you help me with this if it´s not asking for too much

My best regards

**GK User** Thu May 12, 2011 1:41 am

ok so remove "main" class on bottom-bg div, like this:

Code: Select all: <body id="bd" class="fs<?php echo $this->getParam(GK_TOOL_FONT);?> <?php echo $this->browser();?> <?php echo 'style'.$template_style; ?>"> <div id="bottom-bg">

Cheers

**GK User** Thu May 12, 2011 11:49 am

Hello again my friend.
I´ve already done that, i also thought that it was that so i removed the class. The width is correct but the height continues cutting.

Thanks

**GK User** Fri May 13, 2011 1:17 pm

Any idea on how to change de height?

Regards