• Resolved ktsiterip

    (@ktsiterip)


    Hi there!
    I’ve noticed then when updating to the new version of the plugin, that my custom CSS – ie css like

    #panel-67285-1-2-3  img {
        display: none;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
    }

    is no longer working
    It seems as though widget ids (for example #panel-67285-1-2-3 ) have changed. This means that the references no longer work

    Rolling back the plugin restores things back to normality.
    Our problem is that our site is very heavily reliant on Site Origin widgets and custom CSS to style them.
    It may be possible to redo all the custom CSS, but it will be a massive task

    Is this something you guys are aware of – and is there a simple solution?
    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    When editing Page Builder rows, cells and widgets you’ll find an Attributes section on the right. There you can add custom IDs, classes, and CSS declarations. For more info on how to use each of these fields, please, see our tutorial https://siteorigin.com/custom-css-guide-page-builder-row-cell-widget-attributes/.

    Unfortunately, Page Builder IDs aren’t suitable for Custom CSS. For cache busting purposes IDs are updated after page edits are made. Even without the most recent Page Builder update, making use of IDs, as shown above, would be problematic when making page edits.

    Given the situation described in your thread, you could remain on the version of Page Builder you’re on. When a page needs to be edited you could then address the ID issue by making use of your own ID or class names using the Attributes section at a row, cell, or widget level, whichever is most appropriate. Beyond this suggestion there, unfortunately, isn’t a simple solution available that I can think of.

Viewing 1 replies (of 1 total)

The topic ‘Update breaks Custom CSS’ is closed to new replies.