WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Change column width of product image (3 posts)

  1. babbsela
    Member
    Posted 1 year ago #

    I've resized the product image on the single product page, and now the column is too wide, leaving a big blank space between the image and summary. I've tried changing all the classes that appear to be associated with that area, but no dice. Anyone know a fix?

    http://wordpress.org/extend/plugins/woocommerce/

  2. Savoir Aimer
    Member
    Posted 1 year ago #

  3. babbsela
    Member
    Posted 1 year ago #

    Found the answer!

    Add this to your custom css file:

    .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {width: 22% !important;}

    Then change the width of the summary section:

    div.summary { float:right; width:68% !important; margin-right:15px;}

    I added the right margin to make space between the summary and the right sidebar. You may not need it. You can also adjust the width of each as need.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.