Product Listing Display - Rearranging the layout?

[CheapStairParts]

Here is the page http://www.cheapstairparts.com/ZenCa...roducts_id=377

I want the description, price, etc to the Right of the image, not on top.

What files do I modify, what what do I modify in the file?

[misty]

Can probably be adjusted just by altering stylesheet
i.e. as per
http://www.zen-cart.com/forum/showthread.php?t=56587
Can also be achieved via mods as per
http://mysticmountainnaturals.com/te...ex&cPath=15_13

[CheapStairParts]

that is for product info display, not product listing.

I searched the style sheet and set everything to do with product to float:right and nothing works.


If you look at the example I posted, you can see how the Listing currently looks.

[misty]

The page you quoted is product_info as per url quoted
in my first post
i.e.
http://mysticmountainnaturals.com/te...ex&cPath=15_13

[stevesh]

The link you posted is a product info page.

In order to move the other stuff in the product listing around with the stylesheet, you'll need to add their classes and/or ids to the stylesheet. The Web Developer plugin for Firefox will let you see what those are. The product name is .itemTitle, I know.

[CheapStairParts]

Oh i feel like a tool. here is a correct URL

http://www.cheapstairparts.com/ZenCa...x&cPath=65_101

[CheapStairParts]

The link you posted is a product info page.

In order to move the other stuff in the product listing around with the stylesheet, you'll need to add their classes and/or ids to the stylesheet. The Web Developer plugin for Firefox will let you see what those are. The product name is .itemTitle, I know.

I added this code and it moves it but it looks bad.

.listingDescription, .normalprice, .productSalePrice, .productPriceDiscount, .itemTitle {
	float: right;
	}