Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / how do I standardize the sidebox heading bar height?

how do I standardize the sidebox heading bar height?

Locked

Views: 835

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
17 Dec 2007, 6:07 AM
#1
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

how do I standardize the sidebox heading bar height?

Dear Zenners,

I would like to have my sideboxes all having the same height. The Search and Currencies box top bars are obviously "thicker" than the others. There might be some minor differences amongst the others, too.

I would also like to have some separation between my footer bar and the lowest sidebox (left Information box) when the main page content does not push it down enough to separate them naturally. Is this possible?

Please see http://store.haostaff.com for what I am talking about.

Thanks in advance.

Jeff

17 Dec 2007, 6:10 AM
#2
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: how do I standardize the sidebox heading bar height?

Regarding the separation, I think the vertical distance between the sideboxes is just nice. Can I copy that value for the seperation between the lowest sidebox and the footer bar?

:wacko:

17 Dec 2007, 6:29 AM
#3
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: how do I standardize the sidebox heading bar height?

Dear Zenners,

The Search and Currencies sidebox title bars are a bit "thicker" than the others. I would like to make all of them the same height. Which file should I work on? Can't seem to find it in the stylesheet.css.

I also would like to have some minimum separation between the lowest sidebox and the footer bar - say the same separation as that between the sideboxes. How do I do this?

Many thanks in advance for some pointers.

See http://store.haostaff.com for what I mean.

Best regards,
Jeff :wacko:

17 Dec 2007, 6:45 AM
#4
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: how do I standardize the sidebox heading bar height?

I thought my posting failed because I could not call it out by search. So I made the same posting again, with same subject line.

Try to delete one, but don't know how.

Apologies.

Jeff

17 Dec 2007, 6:56 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: how do I standardize the sidebox heading bar height?

That is caused by those headings having <label> tags. Add this to your stylesheet:

.leftBoxHeading label, .rightBoxHeading label {line-height: 1.3em;}

You can add margin-bottom or padding-bottom to #navColumnOneWrapper and #navColumnTwoWrapper to increase the bottom spacing.

18 Dec 2007, 6:20 AM
#6
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: how do I standardize the sidebox heading bar height?

They worked beautifully. Thank you very much, Glenn.

Jeff