Product Page: Column width - by Joost van Kempen

This topic has 3 replies, 2 voices, and was last updated 10 years, 1 months ago ago by Eva Kemp

  • Avatar: bertplantagie
    Joost van Kempen
    Participant
    September 26, 2014 at 10:36

    Hi All,

    First of all: great theme! Is it possible to edit the width of the two columns (gallery | description/tabs) on the product page? I would like to give the gallery div 60% of the width, and the description/tabs column 40% of the width instead of the default 50/50.

    I figured out it could be done easily by changing the CSS classes from
    ‘col-lg-6 col-md-6 col-sm-12 product-images’

    to
    ‘col-lg-8 col-md-8 col-sm-12 product-images’ & col-lg-4 col-md-4 col-sm-12 product-images

    Unfortunately this isn’t configurable in the backend. Is there any way to modify the ratios update-proof? Hope to hear from you soon.

    Kind regards,
    Joost

    2 Answers
    Avatar: bertplantagie
    Joost van Kempen
    Participant
    September 26, 2014 at 12:04

    Figured it out: It could be changed by creating a child theme and edit the CSS classes as mentioned above in the ‘woocommerce/content-single-product.php’ file.

    Kind regards,
    Joost

    Avatar: Eva
    Eva Kemp
    Support staff
    September 26, 2014 at 17:26

    Hello,

    We’re glad you’ve fixed it.
    If there are any questions don’t hesitate to ask us.

    Regards,
    Eva Kemp.

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Product Page: Column width’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.