Centerboxes/column layout changes-HELP!

[Graffxman]

Thanks in advance for all your HELP!

Using ZC version: 1.3.02
Using a modified CSS based on the one for 'template_default

Site:
http://www.sbservices.us/store/

In the CENTER column / boxes area, what Im trying to accomplish is to have each of the sections - NEW products, or Featured products or whatever other section I want to use there - to HAVE the same MARGIN, or padding as I have for each of the SIDEBOXES - ''category, info, specials, search, etc...
In the CSS I figured out how to set the margin/padding for the LEFT and RIGHT columns, but no matter how much Ive experimented with the center column wrappers, content wrappers, etc in the CSS, I cant get either a border or a margin around these sections;

If the page background is BLACK, I want to either have EACH of these center sections to have the SAME black border or a margin between them, as do the left / right columns...

For example;
The first section 'New Products for...'
I'd like to have that entire section SEPARATED from the one above it and the 'Monthly Specials" section below it - either by a black border or a margin setting (that will appear to be a border - again, just like the boxes in the left and right columns are separated by the black background).



Thanks!!

[kobra]

It looks as though your were attempting to set this with:

/* TESTING*/
.centerBoxWrapperwhatsNew {
margin: 2em;
padding: 2em;
border: 2px solid #000000;
}

try this:

#whatsNew.centerBoxWrapper {
margin: 2em;
border: 1px solid #000000;
}

and

#specialsDefault.centerBoxWrapper {
border: 1px solid #000000;
}

This will create a 1px solid border around these areas.
Also find the ' .centerBoxHeading '

Now by playing with the px, margins, and padding of these and the ones around it you can attain what you seek.

If you are not using FireFox and the web dev tools seriously think abot getting them. Especially for these css bouts as you can do the wysiwyg by editing the css interactively and then saving as a local file when you get what you want to be uploaded to you cart later.

[Graffxman]

Thanks Kobra!

You were SO RIGHT!
You saw where I hade made notes to myself within the CSS while trying to figure out what's-what and how to get it to do what I wanted;
CSS just isnt one of those things I really ever got into... yet...

I used your sample code and it worked right on!

I havent used FF much either, even though I had it just to test some designs across browsers... Now I cant for the life of me know how Ive lived without it!

After your suggestion I downloaded a bunch of the DevTools, specifically the CSS editors, checkers, etc....
WOW !!!
I can edit and see the changes immediately and check the source in-line!
I had no idea what I was missing!!!

Ive still got some more tweaking and experimenting to do, but it should be a LOT easier now!



My next fight is trying to get my old database (from ver 1.2.6) into this new db... Ive read the sheet on it in wiki... but, man what a hassle!
It almost seems easier to just start over!