Change Attribute Position With CSS?

[seethrou]

Given there was no reply from this user, I have something of a similar issue, but first, let me say that I used OSC for a while, upon installing Zen v1.2 I loked at the backend and went yuk.

I am now converted from OSC to Zen. Modifying it is something I have learned over the past week, and its actually really easy, and man have I learned alot about css and what it can do for you.

Can you share your experience with us?
And it will help others with similar needs.

My only remaining problems are as follows.

I have attributs, 5 per product. Using CSS I have managed to place these individual attirbuts into a box, orange background with a border, looks nice.

I have tried and tried and for the life of me cannot find a way to have all 5 boxes (which have a slight gap between them) centered on the page.

It look like you are using sort of the classic template and with tables. And your sytlesheet.css is mixed with new and old versions of css.

Please consider convert the template to new version as many advised in the forum.


Since your attribute position is controlled by: (around line 135 of your stylesheet.css)

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

It float all the attributes to left for display them in line, then centering them and it will be a problem.
Add padding may help a bit.

#productAttributes {
margin-left: 2em /* adjust to what you prefer */
}

.