Vogue theme - sidebar switch

rinoa3108 — Tue, 03 Nov 2009 23:52:45 +0000

Hello,

Has anyone had any experience switching the sidebar from right to left in this theme? I have been dabbling with css and html so i am able to understand a bit and cut and paste if needed.

At the moment i swapped layout.right and layout.left with each other and most things worked, when i get up to the product pages though, the product image doesnt want to go on the left hand side. The information on the cart page has been moved over a bit to the right too. I have given product.right and product.left background colours to see more of what is going on.

www.satpeacock.myshopify.com

Many thanks

Jamie commented

Jamie — Wed, 04 Nov 2009 13:03:29 +0000

The quick fix that I see without messing with the mark-up is to increase the width of the container div on the products page. The reason this is happening is that the product image is not in the div "layout-left" it's in the div "layout right". So the quick fix is to add a line of css that will increase the width of layout-right on just the product pages from 710px to maybe 800 something pixels.

#page-product #layout-right{width:880px}

(Untested in any browser but ff latest)

rinoa3108 commented

rinoa3108 — Fri, 06 Nov 2009 05:39:54 +0000

thanks, Jamie! worked like a charm.

Jamie commented

Jamie — Fri, 06 Nov 2009 12:37:35 +0000

You're welcome :)