How do I format Product List Column One?

[cashnow]

Hi,

I would like to format Column One on the Product List to look like these columns?

I would like to get the picture, merchant banner, price and buy button in the same place. I know how to do the other variables such as description length, link destination, h tags and such.

Just cannot get it to format.

Thanks!

Store ID 6719
www.forbabygifts.com

[Eric]

Hi

Despite looking fairly simple, that's a pretty tricky layout to do in CSS. I would start with the 1 Column layout of Template #3.



That will get you in the ballpark.

As for laying out the rest of the row, it's pretty complex and will involve some custom HTML and CSS.

Eric

[cashnow]

Okay, can I get that with the border of Template one, column 1?

[Eric]

Of course, just apply a border styling to the .bdr class of .t3.

Eric

[cashnow]

You lost me. Where do I do that? In Custom CSS or in the product list module? I tried a few things in the product list module and things did not turn out so well.

[Eric]

You would need to add/modify this code: #view .pl .t3 .bdr { border: 1px silver solid; }

[cashnow]

Perfect.