Full scale logo

GK User
Tue Jan 04, 2011 5:37 am
Hello Gavick Pro Team,

I have a problem to create a full-scale logo for my site. I set my site's with to 1003px and I would like to use a logo picture on the top in the same size. I've inserted h1.logo { width:1003px!important } into override.css but the register and search area is knocked out from the logos line and dropped underneath.
Image

I've attached the picture. It's little tricky though, because the whole thing is white. But you may see the "search" at the right top of the menu and that huge white gap under my header. (the "search" input field in the header is actually drown on the picture to help me positioning the real one)

Thankyou very much your help!

Gabor
User avatar
Junior Boarder

GK User
Tue Jan 04, 2011 12:23 pm
solved.

h1.logo { display: none }

and

#gk-top {background: transparent url('../images/logo.png') no-repeat; min-height: 172px; }

the min height should be the height of the full scale logo.

another project how to remove the huge empty area at the bottom... :(

hope someone will answer :D
User avatar
Junior Boarder

GK User
Tue Jan 04, 2011 12:38 pm
solved again. love gavick pro so much.

#bg-footer { padding-bottom: 0px; }

if you have too much space left.
User avatar
Junior Boarder

GK User
Tue Jan 04, 2011 2:05 pm
:D you just need to brainstorm some heh
User avatar
Platinum Boarder

GK User
Sun Jan 30, 2011 8:04 pm
Hello!

I have a problem with that. I did the change of the logo like you say:

#bg-footer { padding-bottom: 0px; no-repeat;}
#gk-top {background: transparent url('../images/logo.png') no-repeat; min-height: 158px; }

h1.logo { background:transparent url('../images/logo.png') no-repeat 0 0; float:left; height:140px; margin:54px 0 0 0; padding:0; width:300px; display: none}
h1.logo a { background:transparent; display:block; height:140px; margin:0; padding:0; text-indent:-999em; width:300px; }

but now I lose the link
I checked the file: layouts/blocks/top.php and is everything OK

You can see my web here:
http://kecprosport.com.mialias.net/delacruz/

Thank you!!!
User avatar
Senior Boarder

GK User
Sun Jan 30, 2011 10:10 pm
you should erase the "display:none" part from the h1.logo line.

h1.logo { background:transparent url('../images/logo.png') no-repeat 0 0; float:left; height:140px; margin:54px 0 0 0; padding:0; width:300px;)

If it doesn't solve your problem ask again!
User avatar
Junior Boarder

GK User
Sun Jan 30, 2011 10:14 pm
Perfect! Thank you!!
User avatar
Senior Boarder


cron