Problem with adding a common background picture for two hero widgets
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2So 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.
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.