[Support request] Annoying background problems with SiteOrigin pagebuilder

Home Forums Support Annoying background problems with SiteOrigin pagebuilder

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #368318
    S.

    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%.

    GeneratePress 1.4
    GP Premium 1.4.2
    #368319
    Leo
    Staff
    Customer Support

    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!

    #368325
    S.

    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.

    #368336
    Leo
    Staff
    Customer Support

    Unfortunately I don’t have SiteOrigin.

    Can you provide a link to the page in question? A screenshot would also help.

    #368338
    S.

    Image: http://imgur.com/a/AQThh

    SiteOrigin causes this by adding CSS directly into the code:

    element {
    padding-left: 238px;
    padding-right: 238px;
    margin-left: -238px;
    margin-right: -238px;
    border-left: 0px none;
    border-right: 0px none;
    }

    If margin + padding are set to 0px, both sides will have white spaces. So SiteOrigin does nothing more then calculating the white space (left and right) + filling up these gaps.

    #368339
    Leo
    Staff
    Customer Support

    Yeah check with SiteOrigin. Looks like a problem on their end.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.