How to change WooCommerce product page image size in WordPress

April 29, 2015 by admin Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to change the size of the product image shown on product page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the product page product image in WooCommerce.

/**
 * Change Product Image width on WooCommerce Product Pages
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.single .images {
	width: 30%!important;
}

Just change the width I listed above with whatever width you want your WooCommerce product page product image to be.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Reader Interactions

Leave a Reply Cancel reply