Product Info Alignment

[kevie192]

Hi all,

Just starting out with Zen Cart and loving it so far but there's one thing that's really bugging me.

In my product info pages I was to see the attributes next to the picture and the shopping cart next to that.

I've fiddled and shuffled them around BUT it's put a huge gap in there for some reason which means that the attributes look messy.

Here's the problem: http://www.taongajewellery.co.uk/ind...&products_id=1

Is there a way to solve this? Thanks,

Kevin

[kevie192]

Also wanted to add that i'd like to move the "please choose" bit down one line too, if possible?

If not, any suggestions for getting the whole thing to look neat?

Thanks.

[rstevenson]

I tried adding this to your stylesheet...
#productName {width: 70%;}
#productPrices {width: 70%;}
#productAttributes {width: 70%;}
#productDescription {width: 70%;}

It certainly leaves room for the Add To Cart area to shift up, but it stays where it is. Probably needs to be moved within the code now.

I did that using the Web Developer tools in Firefox. If you're not using them (or the similar Firebug tool) you're working too hard. Makes this sort of customization much easier.

Rob

[kevie192]

Hi Rob,

Thanks for the help.

In the code it goes attributes then add to cart then description.

Do I need to move them around?

Thanks.

[rstevenson]

Yes, if you're making significant changes to the look of the page, you end up changing both the code and the stylesheet.

Rob

[kevie192]

Yes I understand that but I thought I had put them in the right order. What do I need to change?