Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Side Box Header Not Lining Up Properly

Side Box Header Not Lining Up Properly

Locked

Views: 757

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
28 Mar 2010, 11:59 AM
#1
kayz avatar

kayz

New Zenner

Join Date:
Sep 2009
Location:
Victoria
Posts:
88
Plugin Contributions:
0

Side Box Header Not Lining Up Properly

I am using Zen Cart 1.3.8

I am having trouble trying to figure out why my category side box heading is not meeting the thin inside line properly.

To see what I mean visit my site at: http://passionsignite.com.au/zen-cart-v1.3.8a-full-fileset-12112007/

Can anyone help me fix this problem.

I know that most people might not notice this but I'm a bit of a perfectionist.

To me it really stands out.

It's meeting the out side line properly but not the inside thin box line.

Any suggestions or solutions?

28 Mar 2010, 2:13 PM
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Side Box Header Not Lining Up Properly

bread crumb is overlapping .
add this to end of your stylesheet.css

#navBreadCrumb {
margin-left : 0.5em;
}

hope this helps.

28 Mar 2010, 3:26 PM
#3
kayz avatar

kayz

New Zenner

Join Date:
Sep 2009
Location:
Victoria
Posts:
88
Plugin Contributions:
0

Re: Side Box Header Not Lining Up Properly

tony_sar:

#navBreadCrumb {
margin-left : 0.5em;
}

It helped very much.

It looks a lot better now.

Thank you very much for such a quick reply Tony.

28 Mar 2010, 6:27 PM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Side Box Header Not Lining Up Properly

Which "thin inside line"? Do you mean the border to the left of the categories box, where it is doubled as compared to the right sideboxes? This disparity is caused partly by the sideboxes having borders all around, and partly by the sidebox width being set in admin to the same width as the side columns, with borders added.
Find/add in your stylesheet```
.leftBoxContainer, .rightBoxContainer {
border: 1px solid #8E0EBD;
margin-top: 1.5em;
width: 159px !important;
}
.leftBoxContainer {border-left: none;}
.rightBoxContainer {border-right: none;}


If you want something else, please explain in more detail. I suppose the problem you saw was corrected by the time I saw it...