Home>Support>Problem with woocommerce photos of rmodule in page builder

Problem with woocommerce photos of rmodule in page builder

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi:

I would like to reduce Woocommerce’s photos size in Page Builder module in main page in my web: http://farmadiabet.es/ How can I do this?. This will help also to avoid problems displaying photos in smaller screens. Thanks in advance!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 24 days ago Andrew Misplon
    Hi, I Work Here

    Hi

    Please try this under Appearance > Custom CSS:

    /* WooCommerce Widget */
    
    .widget .product_list_widget li {
    	width: 15% !important; 
    }

    You can adjust that figure but 15% looks good to me.

  2. 11 years, 24 days ago Álvaro Rodríguez

    Excellent! Just a final question: how to make the category pictures larger. If you solve this, I will love you forever!

  3. 11 years, 23 days ago Andrew Misplon
    Hi, I Work Here

    Glad to hear that helped. Please try this:

    /* Make the WooCommerce Container 100% Width */
    
    .woocommerce-page #container {
    	width: 100% !important;
    }
  4. 11 years, 22 days ago Álvaro Rodríguez

    Perfect! Thanks a lot! Please mark this thread as solved.

  5. 11 years, 21 days ago nrl009

    And along this same Woocommerce topic, how do I make the image smaller on a single product page?

    Thanks

  6. 11 years, 21 days ago Andrew Misplon
    Hi, I Work Here

    Hi nrl009

    Please try this under Appearance > Custom CSS:

    /* WooCommerce */
    
    .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img {
    	width: auto !important; 
    }

    If you need further help please open a new thread and I’ll climb in there.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More