Help w/ left side box padding

[namasa]

Hello,

With the latest version of ZenCart, I haven't been able to decipher how to adjust the left-padding of my left colum side boxes. I've tried tweeking the following code in stylesheet.css:

.column_left, .column_right, .column_single {
background: #ffffff;
padding: 0px;
}

.leftboxcontent, .rightboxcontent {
line-height: 125%;
padding: 0px;
border-top: 0px solid #9a9a9a;
border-bottom: 0px solid #9a9a9a;

.main_page{
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 0px solid #9a9a9a;
/*padding: 5px;*/

No success with that. I would like to have my left colum flush with the main page border, no padding. Can anyone help? Sincerely,

Nathan

[kuroi]

Hello,

With the latest version of ZenCart, I haven't been able to decipher how to adjust the left-padding of my left colum side boxes. I've tried tweeking the following code in stylesheet.css:

.column_left, .column_right, .column_single {
background: #ffffff;
padding: 0px;
}

.leftboxcontent, .rightboxcontent {
line-height: 125%;
padding: 0px;
border-top: 0px solid #9a9a9a;
border-bottom: 0px solid #9a9a9a;

.main_page{
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 0px solid #9a9a9a;
/*padding: 5px;*/

No success with that. I would like to have my left colum flush with the main page border, no padding. Can anyone help? Sincerely,

Nathan

You post is slightly contradictory. You say that you've changed these settings in stylesheet.css (which is template_default), but these look like classes from the stylesheet_original.css that is part of the classic template.

The answer to stylesheet problems almost always proves to be where you're not looking (otherwise you'd have found it yourself), so your posting only really shows where it's not, but gives few clues as to where it is. Do you have a link to the site so that we can see it in context?

[namasa]

Yes, here's the link: www.shizenshop.com.

In the previous version of ZenCart I made all of my changes in the stylesheet. Since the upgrade I've been editing stylesheet.css, stylesheet_new.css and stylesheet_original.css trying to solution my design issues. I appreciate you looking in to this. Sincerely,

Nathan

[kuroi]

OK. I've had a quick look and I think that your immediate problem is nothing to do with your CSS.

If you look at the code extracted from the HTML that Zen Cart is generating for you, you will see that your left hand column sits within a table cell with a fixed width of 150px. The contents of the column then sit inside a div with a fixed width of 138px and each box inside that also has a pre-defined width of 138px.

<td id="navColumnOne" class="columnLeft" style="width: 150px">
<div id="navColumnOneWrapper" style="width: 138px">
<!--// bof: categories //-->
<table width="138px" border="0" cellspacing="0" cellpadding="0" class="leftbox" id="categories-table"> 

As a result you have boxed of 138px centered in a column of 150px giving you a 6px margin each side. I suspect that you gone into the layout settings page under the Configuration menu in Admin and reduced the Column Width - Left Boxes value at the top but left the Column Width - Left value about 14 lines down, unchanged. Make this 138 too and you shoudl solve your immediate problem. But it will just be the first of many.

You are using the classic template. I explain here why that's not ideal and link to a better approach.

However, you are setting yourself up for even more grief than most people because you have added the stylesheet.css to the stylesheet_new.css and the stylesheet_original.css already included in the classic template package. This means you have three stylesheets, with overlapping functionality, competing for your user's browser's attention, and the one that you are editing is called first and so will be the overridden by the others if there's a comflict. I strongly recommend switching to your own template based on the template default before you get in too deep.

[namasa]

Thanks so much for the help. Very insightful! I've only been working with ZenCart for a few weeks now and have been working off of the eBook "ZenCart - Templates for Beginners." I sincerely appreciate your recommendations!

Nathan