Home>Support>Widget Bundle Image error in combination with retinajs

Widget Bundle Image error in combination with retinajs

By passaudesigner2, 7 years ago. Last reply by Alex S, 7 years ago.

Hi,

I´m usiung SiteOrigin Widgets Bundle V 1.9.5. and the Retina.js v1.3.0 ()http://imulus.github.io/retinajs/)

If I´m using the image widget following code is generated:

<div class="sow-image-container">
	<img src="http://www.example.com/wp-content/uploads/2017/08/[email protected]" sizes="(max-width: 150px) 100vw, 150px" class="so-widget-image" width="150" height="158">
</div>

The image should be displayed only with 150px x 150px but ist fills the whole column.

In SiteOrigin Widgets Bundle 1.8.2 and the Retina.js v1.3.0 following html is generated

<div class="sow-image-container">
	<img src="http://www.example.com/wp-content/uploads/2017/08/[email protected]" srcset="" class="so-widget-image" width="150" height="158">
</div>

The image is displayed with 150px x 158px

How can I fix this?

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

  1. 7 years, 1 month ago Alex S
    Hi, I Work Here

    Hi Passaudesigner2,

    In the more recent versions of Siteorigin Widgets Bundle we’ve altered the Image Widget to make use of the responsive image functionality in WordPress. I can’t personally vouch for compatibility with Retina.js but I’m going to log this as a plugin conflict.

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