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 there,
I love using your product on my wordpress sites.
I’m running into an odd problem though.
I inserted an image in the image widget and set the size to original size. (2000px wide)
In the row settings, I set the row to full-width, stretched.
Somehow the website loads a smaller image (1162px wide), thus rendering the image blurred on larger screens.
I haven’t found a clue on your forum or in the settings. Hope you can help me out.
Thanks, Sander
Hi Sander,
I suspect this may be as a result of the theme container. Do you have a public URL where we can take a look at your setup?
Hi Alex,
http://sanderwillems.nl/wp.theoddbunch.nl/pollinators illustrates my problem best on a larger screen.
The pictures below the header image are the ones that run into this problem.
Thanks in advance for the help.
Hi Sander,
Please change the image widgets to a SiteOrigin Image widget and set the Image Size to Full Size. How does that look?
I changed the first image on this page: http://sanderwillems.nl/wp.theoddbunch.nl/pollinators/
Now it loads an even smaller image:
http://sanderwillems.nl/wp.theoddbunch.nl/wp-content/uploads/2018/03/pollinators1-1024×415.jpg
I set image size to full and enabled “Full Width”
The source image in the library is 2000px wide.
I’ve been fiddling and found the following.
If I insert a site origin slider with the same image, the original large image get’s loaded, also in the other widgets with the same image.
If I then delete the slider, it still show the larger image in the other widgets.
It’s a weird work-around, but at least it seems to work.
So i’t’s not a perfect solution, but might give you an indication.
Hi Sander,
Okay, so I was hoping the previous instructions may have lessened the image change.The widgets you’re trying to use (the SiteOrigin Image, Image, etc) are set up to be responsive by using srcset (related). This basically means that only the correctly sized image for the user’s resolution based on the container, sizing, etc, will be loaded. There’s no real way to avoid this as far I’m aware (there may be a plugin that can disable this, but it’ll be site-wide) so your best bet is to upload a more resize friendly image (one that’s not so negatively impacted during the WordPress resize) as WordPress serve the more appropriately sized image regardless of how the image itself actually looks.