Forums / Templates, Stylesheets, Page Layout / Unwanted white space below logo

Unwanted white space below logo

Locked

Views: 2,131

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
16 Jul 2009, 4:54 PM
#1
mtodavid avatar

mtodavid

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

Unwanted white space below logo

I am just starting out with my store and setup a custom template. What I am trying to do is get rid of the white space below my main logo. I have tried a number of things to try and get rid of it and I couldn't seem to find any threads on here about it.

Any help is greatly appreciated. My website is www. mega rv parts .com

Thanks in advance.

16 Jul 2009, 5:20 PM
#3
need_help avatar

need_help

Zen Follower

Join Date:
Feb 2009
Posts:
205
Plugin Contributions:
0

Re: Unwanted white space below logo

MTODavid:

I am just starting out with my store and setup a custom template. What I am trying to do is get rid of the white space below my main logo. I have tried a number of things to try and get rid of it and I couldn't seem to find any threads on here about it.

Any help is greatly appreciated. My website is www. mega rv parts .com

Thanks in advance.

The line of code to edit is in your stylesheet.css.

I couldn't tell you the exact part of the file but it's it will have header as part of the name and be near the start of the template and it decreases your header section slightly depending on what you choose it to be.

The thread Steven pointed to might also work.

16 Jul 2009, 5:32 PM
#4
need_help avatar

need_help

Zen Follower

Join Date:
Feb 2009
Posts:
205
Plugin Contributions:
0

Re: Unwanted white space below logo

Ignore the above post i just tried out what you need to do in my test shop.

Go to yourshop/includes/templates/your template/stylesheet.css

Now change the logowrapper height.

For example see below.

#logoWrapper {
/margin: 0 0 0 28px;/
height:72px;
background: url(../images/header_bg.jpg) repeat-x;
/width:790px;/
position: relative;
top: 0;
left: 0;

Changing the above from 72px to 52px as an example decreases the heading.

So find the code which mentions the logowrapper and decrease the height section until you are happy.

Experiment until you get it perfect.

16 Jul 2009, 6:12 PM
#5
mtodavid avatar

mtodavid

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

Re: Unwanted white space below logo

So here is what my sytlesheet.css file looks like. This is the only area that mentions the #logoWrapper

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

So I am not sure how to adjust the height within that? Should I just add it into that area?

16 Jul 2009, 6:32 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Unwanted white space below logo

Try adding to anywhere in your stylesheet:

#logoWrapper {height:88px;}

Adjust the 88 as needed,

16 Jul 2009, 6:37 PM
#7
need_help avatar

need_help

Zen Follower

Join Date:
Feb 2009
Posts:
205
Plugin Contributions:
0

Re: Unwanted white space below logo

MTODavid:

So here is what my sytlesheet.css file looks like. This is the only area that mentions the #logoWrapper

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

So I am not sure how to adjust the height within that? Should I just add it into that area?

If you mention your template i'll download it and install it on my test site and take a look for you.

16 Jul 2009, 6:47 PM
#8
mtodavid avatar

mtodavid

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

Re: Unwanted white space below logo

stevesh:

Try adding to anywhere in your stylesheet:

#logoWrapper {height:88px;}

Adjust the 88 as needed,

This worked great for me.

This is my first time ever really working with a website so it is great to have people like steve and need_help that will respond so quickly.

Thank you very much guys.

16 Jul 2009, 6:55 PM
#9
need_help avatar

need_help

Zen Follower

Join Date:
Feb 2009
Posts:
205
Plugin Contributions:
0

Re: Unwanted white space below logo

MTODavid:

This worked great for me.

This is my first time ever really working with a website so it is great to have people like steve and need_help that will respond so quickly.

Thank you very much guys.

Happy to help.

I recommend you install Image_Handler to cut down the image size on your main page and install query_cache from data_diggers - com as it will help cut the queries down.

Those two add ons i couldn't live without on my site.

Also worth looking at Fast and Easy Checkout - The latest version is available from the Numinix site and isn't uploaded to the downloads section or at least showing in the downloads section yet. Latest version of that is 1.4.5 and downloads section shows 1.4.1 so always try and get the latest versions.