CSS Rule in core problem

  • Resolved Waqas

    (@speedito)


    1 year, 2 months ago

    In the latest update (2.26) there is a change in the siteorigin-panels/css/front-flex.css file where a new rules has been added:

    .panel-grid, .panel-grid .panel-grid-cell, .panel-grid .so-panel { position: relative; }

    This rule is breaking quite a few things in pages built out because if anything inside has position absolute then it is causing it to be absolute with respect to this instead of the relative element above. In terms of backwards compatibility this is a major breaking point (at least for me and I am sure for a lot of other folks too).

    Is there a reason for adding this in? Can it be targeted so that it happens for that specific situation which is the reason for introducing it instead of just adding it in generically?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor alexgso

    (@alexgso)

    Hi Waqas,

    Thanks for reaching out. I’ve taken a closer look at the highlighted CSS, run some tests, and come up with a different way of handling the Background Image Opacity setting to avoid the need for this change. This CSS will be removed in an upcoming release. In the meantime, I’ve created a beta release for you to use until then. You can download this version by clicking here.

    Before proceeding, do a backup.

    Navigate to Plugins > Installed Plugins and deactivate Page Builder by SiteOrigin, and then delete it. Scroll to the top of the page and click Add New, Upload Plugin and upload siteorigin-panels.2.26.1-beta.zip. When prompted, activate the plugin.

    Kind regards,
    Alex

    Thread Starter Waqas

    (@speedito)

    This works great – thanks a lot!

    Plugin Contributor alexgso

    (@alexgso)

    Hi Waqas,

    It’s great to hear that helped! ??
    This issue was resolved in Page Builder 2.26.1.

    Kind regards,
    Alex

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Rule in core problem’ is closed to new replies.

Tags