adding a margin

[RobertG]

Good day all,
On my new under construction site: http://30408.vws.magma.ca/TTEZENCART

I am attempting to put a vertical margin next to the right side sideboxes. The same as the left side content one. I don't see a rightSideContainer in Stylesheet, there is one for the leftBoxContainer. I'm not sure where to add it to, I also would like it to go from top to bottom as on the right side. Any help would be greatly appreciated.
While I'm at it, and since this is my first attempt at using Zen Cart any comments or suggestions regarding my site would be greatly appreciated.
Thanks in advance for your help.
Sincerely,
Bob

[gjh42]

.rightBoxContainer was removed from the rule where it is by default, but the editor left the comma after .leftBoxContainer, which invalidates the whole rule. None of this is currently being applied by this rule:

.leftBoxContainer, { 
	
    border: 1px solid #536EA6;
    background-color: #B0C4DE; 
	margin-top: 2.1em;
	}

Change it to this

.leftBoxContainer, .rightBoxContainer { 
	
    border: 1px solid #536EA6;
    background-color: #B0C4DE; 
	margin-top: 2.1em;
	}

or give each side its own rule if you want them different.

This doesn't address the "margin" appearance; there are several ways of doing that, depending on the exact look you want.

[RobertG]

I changed the script, That may have been me who originally changed it, don't know why or when.
Now as you can see there is a white space above the shoping cart box. I'm assuming that i have to change the width of what I beleive to be navColumnOne.
The idea for the right side is a vertical line top to bottom same as the vertical line on the left side of the leftBoxContainer.

Personal question: The donations tab at the top of the community forum, do tehse donations go to the people who help people like me or does it go to the Zen Deveolpment Team. I'd like to send you a little something for all the help you have given me now and in the past.
Bob

[gjh42]

To eliminate the white space above the shopping cart box, add to your stylesheet:

#shoppingcart {margin-top: 0;}

The blue "separator" on the left column is just the #navColumnOne background color showing through where the sideboxes are narrower than the column. Believe it or not, it is tricky to get the same effect on the right, because the left effect is the result of default element location sticking to the left side of its container. #navColumnTwoWrapper and the sideboxes will not drift to the right in the same way. You can start by giving background-color to #navColumnTwo and #navColumnTwoWrapper. Then try a bit of padding-left on #navColumnTwo.
Because of the way CSS works, the border and any padding on defined-width elements like the side columns and sideboxes is added to the defined width, so elements defined to take a total of 100% end up taking more than that and forcing a horizontal scrollbar. You can avoid this by changing #mainWrapper from 100% to 99% width.

The donations tab goes to support the project as a whole and the dev team. If you use one of my mods, you can see the donation address in the readme.

[RobertG]

Thank you very much Glenn, The color over the shopping cart is gone. I'llwork on the other aspect as soon as I have a little time.
I will definitely be making a donation, you & others help has been fantastic.
Keep up the good work.
Bob