Home>Support>IMages large and blurred

IMages large and blurred

I have an online shop, and in main page I’ve instaled the products widget with pagebuilder. Worked fine until yesterday, when I added more products: images got larger and really blurred: www.farmadiabet.es You can see in main page. I’ve fixed it for all Woocommerce, but I couldn’t for this widget. How can I fix it?. 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. 10 years, 3 months ago Álvaro Rodríguez

    Maybe some CSS? I don’t really know… .

  2. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Alvaro

    I’m not 100% certain as to what’s happened with our widget handling here. Please could you try the following under Appearance > Custom CSS and let me know how it goes.

    /* WooCommerce Widgets */
    
    .widget .product_list_widget li img {
    width: auto !important;
    display: block;
    margin: 0 auto;
    }
  3. 10 years, 3 months ago Álvaro Rodríguez

    Solved! Thanks very much! ;).

  4. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helped!

  5. 10 years, 7 days ago Diane

    I tried adding the above to the custom CSS and it didn’t work. I had to change the woocommerce.css I basically searched “img” and changed “100%” to “auto” where I found the product images.
    Is there code that I could enter into the custom CSS so I don’t have to fix the woocommerce.css each time I update the plugin?
    thanks!

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