Positioning the Product Description

[andycowboy]

Dang! Found something else to which I can't find an answer.

When entering the product description, I want the description to be below the product image, not wrapping from the right side. What I'm currently doing is adding 3 or 4 <p></p> to the start of each description in order to achieve this. This, of course, is unnecessary syntax, and I need to constantly adjust this if the product has a special price, 'cause the description then usually drops down a line or two.

I addition, I want the description to be justified, so I'm doing the age-old <p align=....> syntax. Here's what I want it to look like:

Wall Clock

I know there's a way to set these two things in the stylesheet, but I've been completely unsuccessful in finding the proper place to do so. I've tried making changes - setting margins, attempting a "float" - in the product description div and the main product image division in the template_default stylesheet, with no luck.

Would appreciate a hint on where the boat is that I'm missing!

Have a great day, and God bless!

[stevesh]

In my stock Zencart test site, adding this to the bottom of the stylesheet seems to do what you want:

#productDescription {
margin: 8em 0 0 0;
}

[haredo]

Locate this:

includes/ templates/ your_template/css/ stylesheet.ss

Find this:
#productDescription

Change to this:

#productDescription {
font-size: 11px;
margin: 0em
text-align: justify;
clear: both;
}

[gjh42]

The product main image is floated left, so that allows the description to start up beside it. The clear: both; as haredo says (or clear: left;) is what will force the description below the image.

[andycowboy]

I knew there had to be a way to accomplish this, and thanks to the information provided by stevesh. haredo, and gjh42, IT ABSOLUTELY WORKED! I was also able to create some sepcial classes for various placement changes within the description!

For example, I have .item_limited for products with limited quantities left, .item_oos for products temporarily out-of-stock, and a couple of others for special use!

The whole thing has sped up the amount of time it takes to enter products, since I no longer have to type a bunch of <p></p> and alignment syntax! Kinda makes all of it a little more fun.

Muchas gracias! Have a great day, and God bless!

[gjh42]

Yes, CSS is a wonderful thing for handling multi-page and dynamic sites:) Give a type of item a concise tag, and you can make all of those items look however you want with one stylesheet rule.