Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove vertical white space

Remove vertical white space

Locked

Views: 2,151

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
26 Dec 2006, 8:12 PM
#1
tecbrat avatar

tecbrat

Zen Follower

Join Date:
Feb 2005
Posts:
239
Plugin Contributions:
0

Remove vertical white space

After turning off Category Tabs in admin, the verticle space that they would occupy is still there. I have tried culling unused items out of my tpl_header file as well as changing height in css on logoWrapper and navCatTabsWrapper. I think the space got smaller, but it is still there. I have seen many similar questions, but have not found the answer that works for me. My template is a copy of template_default.

How can I remove this space? I want the top of my sideboxes and center content areas to touch the bottom of my logo.gif.

Zen Cart 1.3.6
Database Patch Level: 1.3.6
v1.3.6 [2006-11-24 09:36:16] (Fresh Installation)

26 Dec 2006, 8:30 PM
#2
kim avatar

kim

Obaa-san

Join Date:
Jun 2003
Posts:
26,592
Plugin Contributions:
0

Re: Remove vertical white space

The URL where the problem can be seen?

28 Dec 2006, 1:17 PM
#3
tecbrat avatar

tecbrat

Zen Follower

Join Date:
Feb 2005
Posts:
239
Plugin Contributions:
0

Re: Remove vertical white space

Kim:

The URL where the problem can be seen?

Hello Kim.
Thanks for the response. Because this is for a client, I'd prefer not to make that URL public in it's incomplete state. Would it be okay if I send it in a PM?

28 Dec 2006, 3:02 PM
#4
tinas avatar

tinas

Totally Zenned

Join Date:
Jan 2005
Location:
Lake Havasu, AZ
Posts:
1,090
Plugin Contributions:
0

Re: Remove vertical white space

More than likely you are seeing the <br class="ClearBoth"> which is creating your "whitespace" - correct this by changing it to <div class="clearBoth></div>

HTH

2 Jan 2007, 6:37 PM
#5
tecbrat avatar

tecbrat

Zen Follower

Join Date:
Feb 2005
Posts:
239
Plugin Contributions:
0

Re: Remove vertical white space

TinaS:

More than likely you are seeing the <br class="ClearBoth"> which is creating your "whitespace" - correct this by changing it to <div class="clearBoth></div>

HTH

Thanks Tina.
Those were around lines 65 and 92 of tpl_header in the common folder. Those changes resulted in changes in the space above the logo, where the home, log in, and other links appear, as well as the search box. My issue is below the logo, between it and the rest of the content such as the sideboxes and the area filled in by main_page=

Any other suggestions?

2 Jan 2007, 9:08 PM
#6
tecbrat avatar

tecbrat

Zen Follower

Join Date:
Feb 2005
Posts:
239
Plugin Contributions:
0

Re: Remove vertical white space

What I was looking for was ```
.leftBoxContainer, .rightBoxContainer {margin-top: 1.5em;}


changed to 0em