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].
I’m uncertain how SiteOrigin crops the images. I’ve tried to divide the image into 2 parts and pasting each to each hero widget but one ends up very enlarged. I have no clue why or what logic to follow here. Too get a clear picture of what I mean see the website;
Thanks for the support.
So in half screen version it looks perfect. But in mobile version it’s divided into 2. And full screen not good.
Hi TheZagros3000
Thanks for reaching out.
When adding a Hero widget frame background image you can select the size of the image to use, the sizes are produced by your WordPress installation. Select Full to use the image as it was uploaded to your Media Library. Below the image size setting, you can choose the Background image type. You can only choose between Cover or Fixed or Parallax if you’re using SiteOrigin Premium.
It might be easier to achieve the layout you’re building using two rows. Try it on a test page. Add your background image via the Design section on the right when editing the row. That’ll let you use Background Image Display = Centered with original size.
Alternatively, you can try removing your background image in the Hero, clear the Hero frame background color and then use the widget settings on the right, open the Design section and try adding a background image there.
In summary, Background image type = cover isn’t working for what you’re trying to achieve. If you add the image as a widget or row background, you’ll have access to other options like Centered with original size.