space between items in sidebox

[finlander]

Please see attached screenshot. Is there an Admin/Layout control for creating space between the product items, or do I need to manually modify a file? Thank you.

[kobra]

Add to the bottom of your templates stylesheet and adjust to suit

.sideBoxContentItem {
        padding: 0em 0em 2em 0em;
        }

[gjh42]

You can add padding-bottom or margin-bottom to a class in your stylesheet to get extra spacing. It will help to see your site live to know exactly which class is best to use (there were changes in the latest version 1.3.9g).
Kobra's suggestion should work for the latest version.

[finlander]

Thanks to both repliers. I understand. I have 1.3.9g so Kobra's solution should work. One quick clarification: this must be done in the stylesheet? It's not controllable in Admin? As I become more familiar w/ Zen Cart, I am naturally becoming more and more confused about what can and cannot be done in Admin and what has to be done in code. Thanks again for replys -- much appreciated!

[kobra]

As I become more familiar w/ Zen Cart, I am naturally becoming more and more confused about what can and cannot be done in Admin and what has to be done in code.

Us too!!!

Styling is almost always in the css

[finlander]

I added the following code to the bottom of the stylesheet. I once ran a code formatter on the stylesheet, that alphabetized all the entries, and that caused great problems, but apparently putting new stylesheet entries at the bottom is okay.

.sideBoxContentItem {
padding: 1em 0em 1em 0em;
}

.centerBoxContentsNew {
padding: 0em 1em 0em 1em;
}

I created this new entry for the centerBox, rather than making a change to an existing stylesheet element that has a margin setting for a whole group of items including centerBoxContentsNew, because I didn't know how the additional padding would affect all the other items in that group.

An inquiry if I may, w/o seeming too critical? After all the years that Zen Cart has been around, why would it still come stock with no spacing between the sidebox items? That just seems odd, so thought I'd ask.

[gjh42]

"a code formatter on the stylesheet, that alphabetized all the entries"
As CSS is sensitive to the order of rules, something like this is guaranteed to cause problems in many situations. I find it hard to believe that an app as dangerous as this has actually been released for public use, or is intended to be used on CSS files.

"I created this new entry for the centerBox"
That is almost always the best way to do something like this, where a rule affects a group of selectors.

The multiple items in those sideboxes is a relatively new feature (only a few releases ago - v1.3.6?? more or less), and the ability to address items without affecting the whole box content is new in the latest v1.3.9g. It is a subtlety that has not yet been looked at by the devs, and may be covered in the major v2.0 rewrite which will change most of the code.