Product Image and Description Alignment

Locked

Results 1 to 4 of 4

This thread is locked. New replies are disabled.

28 Oct 2006, 05:26

stenrique

Zen Follower

Join Date:: Apr 2005
Posts:: 355
Plugin Contributions:: 0

Product Image and Description Alignment

Hi,

I have set a pink background color for #productDescription in CSS file. When view from the product page, the background color fills the entire center column including behide the product image.

I'd like to seek advices for the following 2 questions:
1. Is there a way to prevent the background color from showing behide the product image through CSS (w/o using HTML Table)?

2. Is there a way to prevent the text description from wrapping (to the left bottom of the product image) when the product description takes up more vertical space than the image height?

TIA.

02 Nov 2006, 03:39

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Posts:: 1,034
Plugin Contributions:: 3

Re: Product Image and Description Alignment

edit these two lines in css stylesheet replacing the background color ot adding the color code to the background, eitherway is your choice.

<--adjust to your liking or to what you already have-->

.rowOdd {
background-color: #E8E8E8;
min-height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
min-height: 1.5em;
vertical-align: top;
}

02 Nov 2006, 16:19

stenrique

Zen Follower

Join Date:: Apr 2005
Posts:: 355
Plugin Contributions:: 0

Re: Product Image and Description Alignment

Thanks for your reply, however, from the generated codes, the Classes that control the product description are <div id="productDescription" class="productGeneral biggerText">. How would the .rowOdd & .rowEven affect the above-mentioned? Thanks.

02 Nov 2006, 16:58

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Posts:: 1,034
Plugin Contributions:: 3

Re: Product Image and Description Alignment

Unless I see a different chapter, I read you wanted to change the background within the product listing columns?

If not then what I posted would do you no good.

If you are wanting to add to the description page background only, then some breaking up of the css to its own would be required.