[SOLVED] Reduce space between the logo and page header
- GK User
- Sat Oct 16, 2010 11:22 am
Hi, I was wondering how can I reduce the space between the logo and top of the page. please advise.
-

- Fresh Boarder
- GK User
- Sat Oct 16, 2010 8:41 pm
please show me your site
-

- Platinum Boarder
- GK User
- Sun Oct 17, 2010 8:38 am
it is not up yet, I have downloaded the template but based on your own demo server, it is too much space on the top of page, I want see if I can reduce it. I am going to have the site uploaded later on this week. Thank you
-

- Fresh Boarder
- teitbite
- Mon Oct 18, 2010 11:25 am
Hi
Edit template.css file and there find classes and play with the values of margins and heights:
Edit template.css file and there find classes and play with the values of margins and heights:
- Code: Select all
#gk-top {
min-height:142px;
}
h1.logo {
background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:86px;
margin:54px 0 0;
padding:0;
width:294px;
}
.gk-search, #btn-tools, #btn_login, #btn_register {
display:block;
float:right;
margin:88px 0 0 16px;
}
.gk-search, #btn-tools, #btn_login, #btn_register {
display:block;
float:right;
margin:88px 0 0 16px;
}
-

- Moderator
- GK User
- Sat Oct 23, 2010 5:26 pm
Teitbite, I have tried as you suggested but I was not able to remove that space btw the header of the page and the logo 
-

- Expert Boarder
- GK User
- Sat Oct 23, 2010 5:38 pm
-

- Platinum Boarder
- GK User
- Thu Oct 13, 2011 9:44 pm
Please advice
how what smaller than the area between the breadcrumbs and the logo? area is very large. site is: www.manworld.sk
Excuse my English
Thank You
how what smaller than the area between the breadcrumbs and the logo? area is very large. site is: www.manworld.sk
Excuse my English
Thank You
sample1.jpg
-

- Fresh Boarder
- GK User
- Thu Oct 13, 2011 10:53 pm
Hi
You made some important changes on template framework and i don't see it well...specially on top of the page.
If i were in your place i would try to review this changes.
At this moment, probably the best and quick solution is adding this line:
Cheers
You made some important changes on template framework and i don't see it well...specially on top of the page.
If i were in your place i would try to review this changes.
At this moment, probably the best and quick solution is adding this line:
- Code: Select all
h1.logo {position: absolute; top: 30px}
Cheers
-

- Platinum Boarder
- GK User
- Fri Oct 14, 2011 7:22 am
Hi,
this option, I changed the position of the logo but the result was the same. It is possible that the space is filled with tools?
tools can be completel
y removed?
Thank You
this option, I changed the position of the logo but the result was the same. It is possible that the space is filled with tools?
tools can be completel
sample2.jpg
y removed?
Thank You
-

- Fresh Boarder
- GK User
- Fri Oct 14, 2011 8:53 am
Not sure what you want to do with tools but try below css to close the gap on your site...
Change 94 to lower value something like 60...
You can use above code in your override.css
Change 94 to lower value something like 60...
- Code: Select all
.gk_hide {
margin-top: 94px;
}
You can use above code in your override.css
-

- Platinum Boarder
- GK User
- Fri Oct 14, 2011 11:22 am
Thank you, problem was in the file gk_stuff.css
.gk_hide { margin-top: 55px; }
.gk_hide { margin-top: 55px; }
-

- Fresh Boarder
11 posts
• Page 1 of 1
