Support ForumAltering Woocommerce product page – Support Forum https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/feed/ Fri, 03 May 2024 12:30:02 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3798 <![CDATA[Altering Woocommerce product page]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3798 Sun, 27 Jul 2014 13:11:19 +0000 depicted Hi,

I’ve installed woocommerce and the product page seems to be split 50/50 between image and heading (excluding sidebar).

https://moneytrees.uk/product/property-lead-ol12-market-value-125000/

Ideally I would like the image taking up one third and the heading taking up two thirds but I can’t see where I edit this.

Please can you point me in the right direction.

Thanks,
Ian

]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3812 <![CDATA[Reply To: Altering Woocommerce product page]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3812 Mon, 28 Jul 2014 08:01:05 +0000 IshYoBoy Hi Ian,

You can use some custom CSS to control this. If you use the “Inspect element” functionality in Chrome Browser you will see that the styles applied to the image are:

Analogically the section next to it. So to change it you can override this code and so:

Then just update the width as we did.. The default is 48% – 48% so make sure to keep it like this. if you decrease the first, make sure to increase the second with the same amount. 28% – 68%, 38% – 58%, 30% – 66%.. The sum needs to be 96%.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3821 <![CDATA[Reply To: Altering Woocommerce product page]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3821 Mon, 28 Jul 2014 09:54:50 +0000 depicted Thanks for that – sorted

]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3826 <![CDATA[Reply To: Altering Woocommerce product page]]> https://support.ishyoboy.com/forums/topic/altering-woocommerce-product-page/#post-3826 Tue, 29 Jul 2014 08:08:54 +0000 IshYoBoy Cool :) Glad it worked!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>