Archived topic
Annoying background problems with SiteOrigin pagebuilder
5 replies · Started by S. on August 17, 2017
Unfortunately I have a problem for a long time now.
I use:
"siteorigin-panels-stretch" function to stretch the first row made with siteorigin.
As soon as I start using a background or backgroundcolor the problems begin:
If background is set to: fixed
1 left white space + 1 right space white are showing when the page loads. After 1 second the blocks are gone, this causes some flickering effect.
If background is set to: Covered (whole)
The background is stretching when the page loads
Any idea how to fix this?
Element inspection shows:
element {
margin-left: -229.6px;
margin-right: -229.4px;
padding-left: 229.6px;
padding-right: 229.4px;
border-left: 0px none;
border-right: 0px none;
}
I read on the SiteOrigin forum that the sitebuilder of SiteOrigin uses some breakout function to show a row 100%.
Hi there,
This sounds like a SiteOrigin problem. Can you provide a link to the site so I can make sure?
Have you checked with their support?
Thanks!
How to produce this problem on every website using Generate Press in combination with SiteOrigin:
1. Make a page
2. Add a row (100%)
3. Edit row
4. Choose Row Layout -> 100% wide (full length)
4. Choose Design
5. Choose Image
6. Choose for example cover whole or fixed
And voila, the problem(s) with background will show right away.
(i) Background fixed -> white spaces left + right when loading page
(i) Background cover -> annoying zooming when loading page
p.s. I will contact SiteOrigin also, because this is a critical problem.
Unfortunately I don't have SiteOrigin.
Can you provide a link to the page in question? A screenshot would also help.
Image: http://imgur.com/a/AQThh
SiteOrigin causes this by adding CSS directly into the code:
Yeah check with SiteOrigin. Looks like a problem on their end.
