This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

IMages large and blurred

Resolved 6 replies premiumthemetheme-vantage
Álvaro Rodríguez
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Álvaro Rodríguez 11 years, 8 months ago

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

  2. Andrew Misplon Staff 11 years, 8 months ago

    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. Álvaro Rodríguez 11 years, 8 months ago

    Solved! Thanks very much! ;).

  4. Andrew Misplon Staff 11 years, 8 months ago

    Super, glad that helped!

  5. Diane 11 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread