How to resize the display size of woocommerce products?

by hal.littel , in category: PHP CMS , 6 months ago

How to resize the display size of woocommerce products?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by mac , 6 months ago

@hal.littel 

To resize the display size of WooCommerce products, you can follow these steps:

  1. Login to your WordPress admin dashboard.
  2. Go to Appearance > Customize.
  3. Click on Additional CSS.
  4. Copy and paste the following CSS code:


.product { width: 50%; /* You can change this value to resize the display size */ margin-right: 10px; margin-bottom: 10px; }

  1. Click on Publish to save the changes.


Alternatively, you can also use a plugin like CSS Hero or Simple Custom CSS to add custom CSS code to your WooCommerce products. Just navigate to the plugin settings, paste the CSS code provided above, and save the changes. This will resize the display size of your WooCommerce products as per your preference.