Use a wider image as background of header

**GK User** Tue Jan 18, 2011 10:44 am

Hi!

Is it possible to have a wider logo/head on the webbsite. I want to use an image as a background for the top. It should be about 1004 *170 px. Where do I change this, and how?

sportster4.jpg

Best regards,;)
Ola

**GK User** Tue Jan 18, 2011 11:26 am

thos can be changed in the templates.css for h1.logo

**GK User** Tue Jan 18, 2011 11:30 am

OK. And it will be placed under the searchbox?

Thanks!

**GK User** Tue Jan 18, 2011 11:35 am

the searchbox will be moved down, you will have to work a bit with the search box position afterwood...

**GK User** Tue Jan 18, 2011 7:58 pm

Thank you for your help! One step closer now.

However, there is a big space below my new header. I don't know how to get rid of it. I want the breadcrumbs (and all content below) to be placed just below the image. But how... :unsure:

sportster5.jpg

**GK User** Tue Jan 18, 2011 8:03 pm

id like to help, do you have it online?

**GK User** Tue Jan 18, 2011 8:05 pm

or try add this code...

Code: Select all: #gk-top { margin-top:-50px }

play around with the minus pixels...

**GK User** Tue Jan 18, 2011 8:08 pm

I tried to add that code at the top of the override.css, didnt't work

Yes it's online, if you got the time to help me I would be very happy

**GK User** Tue Jan 18, 2011 8:19 pm

and you enabled the override.css??

please post your www or mail it to me...

**GK User** Tue Jan 18, 2011 8:30 pm

I've mailed you

**GK User** Thu Jan 27, 2011 8:18 pm

Hello

and ???

How to do it ?

**GK User** Thu Jan 27, 2011 8:22 pm

They haven't mailed me yet

**GK User** Fri Jan 28, 2011 3:56 pm

hmmm i mssg'ed you several times? thought this was closed tbh ?

**GK User** Tue May 31, 2011 8:14 am

I've changed the following line in template.css

#btn_register { margin-top: 91px; }

into

#btn_register { margin-top: 0px; }

This has removed the black box under the large header. The size of my header is 1002px * 90 px

There might be another solution with override.css, however this have been working for me.

**teitbite** Wed Jun 01, 2011 12:47 pm

Hi

This is a really strange solution

But if it works than there is nothing to question

**GK User** Mon Jun 06, 2011 10:35 am

#btn_login {
position:absolute;
bottom:5px;
right:10px
}

#btn_register {
position:absolute;
bottom:5px;
right:70px
}

#gk-top { margin-top:-40px }

This would be a better solution!

The first two codes (btn_register & btn_login) will change the position of the associated buttons.
The last code (gk-top) is to change to margin of the overall top position.

Please add these codes to the override.css and don't forget to enable it!

Note: I deactivated tools! If you haven't, then you should also change the (absolute) position of the #btn_tools