Reduce Space under logo

Hi, may I know how to reduce space under logo? attached with screen shot. thanks!

image link here:
http://humanwebsite.com.my/download/red ... erlogo.png

the website is http://bigfun.com.my

Hi
Try add to override.css

Code: Select all

#gkPageTop {
    padding-bottom: 0 !important;
}


if you want reduce it more then add this too:

Code: Select all


#mainContent > div {
    margin-top: 40px;
}


and reduce margin value. Of course remember to enable override.css oiption in template settings.

What code do I need to add to override.css if I want to increase the space the logo uses, and keep te menu identical to the one that is standard.

Hi
Try add to override.css

Code: Select all

#gkPageTop {
    padding-bottom: 0 !important;
}


if you want reduce it more then add this too:

Code: Select all


#mainContent > div {
    margin-top: 40px;
}


and reduce margin value. Of course remember to enable override.css oiption in template settings.

Can you show some screen what do you want to achieve ?

The website is can be found here: http://thinkfishmedia.nl/Dev

Ik want the logo to show until the white box, and the menu has to stay the same. I have added a very big logo now, but as you can see the logo only shows in the box that is probably programmed like that.

Use this code

Code: Select all

#gkPageTop {
    padding-bottom: 0 !important;
}


I do not see a change to be honest.

Ok, try add second one and reduce value.

Still does not seem to work. I figured it out my self, by changing a different part of the CSS code, directly in the template.css file. I changed it to this:

Code: Select all

h1#gkLogo {float: left}
h1#gkLogo a img { display: block; height: 45px; margin: 0; max-width:400px; top: 0; left:0; }
h1#gkLogo a.cssLogo { background: url('../images/logo.png') no-repeat 0 0; display: block; height: 150px; margin: 0; text-indent: -999em; width:210px; top: 0; left:0; z-index: 1001; }

This is still not what I wanted, because now there is more space under the menu. I would like to change it like this:

The logo must be this big. It is possible however to change the space above and under the logo. Then the space under the menu will reduce automatically if I'm correct. How can I do this, without messing up the css code completely.

Add this to override.css

Code: Select all

#mainContent > div {
    margin-top: 5px !important;
}
#gkPageWrap {
    padding: 5px 40px 40px 40px !important;
}


and remember to enable override.css option in template settings.

As you can see on www.thinkfishmedia.nl/Dev my page if almost done. I want to change the position of my logo a little bit though. It should be 10px/20px higher, so its nice in line with my menu. What is the best way to do this?

Try add to the override.css

Code: Select all

h1#gkLogo {
    margin: -17px 0 0 0;
}


It worked! Thanks.

I'm glad I could help