Title: Update breaks Custom CSS
Last modified: May 14, 2021

---

# Update breaks Custom CSS

 *  Resolved [ktsiterip](https://wordpress.org/support/users/ktsiterip/)
 * (@ktsiterip)
 * [5 years ago](https://wordpress.org/support/topic/update-breaks-custom-css/)
 * 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](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [5 years ago](https://wordpress.org/support/topic/update-breaks-custom-css/#post-14437418)
 * 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/](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.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/update-breaks-custom-css/#post-14437418)
 * Status: resolved