More CSS bugs in PageBuilder 2.4.24

After updating today to Page Builder 2.4.24 and SiteOrigin Widgets Bundle 1.8.1, things have changed. The site I’m working looks terribly different.

It turns out that the declaration of certain builder/widget elements has changed.

I had given a row the unique ID of “services”

This is how it was styled last week:

div#services.panel-grid {

This is how it is styled today:

div#pg-6-1.panel-grid {}

div#services.panel-row-style {}

Why the change? Easy enough to fix in my custom CSS, but this is going to affect a lot of my other clients websites.

Similarly the first row on the homepage has a style of “hometop”
So to style the text in that builder/widget/box I had a style for:

div#hometop.panel-grid h2 {}

but now it’s added a lot of extra code, and “invented” a style for “homeabout”

#panel-6-0-0-0 div.homeabout.panel-widget-style div.so-widget-sow-editor.so-widget-sow-editor-base

div.siteorigin-widget-tinymce.textwidget h2 {

div#hometop.panel-row-style {}