This is the second time updates to site origin has changed the structure of their elements and completely thrown off the set up. Instead of my named row id, there is an extra site origin id and then my row id. I am using the element IDs in my CSS, I have learned that lesson from the last update where my IDs changed and I know you can’t plan for all possibilities but I my homepage is now completely a wreck and I have to recode everything AGAIN.
NEW code structure:
OLD Code structure:
I am not sure how to code for things that keep changing like this.
Hi Sarah
The row IDs should be stored in your database so they definitely shouldn’t be getting lost/changed when you update. Is this happening regularly, or only when you update Page Builder?
Do you have any plugins installed that might be changing this ID? A good thing to check would be any Page Builder specific addons. Also, which theme are you using? Some themes add Page Builder specific styling that might not be implemented properly.
It isn't change the id, it is adding HTML structure. Did you see the difference in the screenshots between new and old? The recently updated plugin has a new html tag. Instead of just going from pl-theID to mycustomID-tag it goes pl-theID pg-theID-0 then mycustomID-tag Additionally none of the styling at the row level apply. For example, I had just a simple gray background for one of the rows and it was gone. I had to add it via CSS instead of using the UI in WordPress. Will updates to the HTML structure happen often? And why is the WP UI padding/color etc not working?
Hi Sarah,
This change was made in 2.4.24 and Row IDs are now applied directly to the panel-row-style instead of replacing the row id in the row container. This was done, from memory (it was a while ago), for consistency reasons. Outside of that, there hasn’t really been any structure changes and there likely won’t be any further for the foreseeable future – this is especially true after 2.5. I’m sorry about the structure change but sadly it was unavoidable. If something like this happens again, we’ll try and better communicate these changes in the future.
Regarding styling not being applied, do you have a public URL where we can take a look at what’s going on?
Hi Alex,
Thanks for your confirmation.
Here's the pages in question. The main URL is
https://www.suite-paradise.com/ and the gray area is the part that starts with the header" We want you to love our island..". Now this home page has sections and this section is powered by this page
https://www.suite-paradise.com/front-page-5-our-home/ . If you look at the dev tools, the inline style is just gone on the home page. This worked prior to the recent update and no changes were made to cancel this style in the theme etc. If I add an ID and then add CSS manually, it is fine but it would be nice to know why it stops working inline here. Any thoughts are appreciated!
Hi Sarah,
Okay, so none of the Page Builder generated CSS is actually being output on the home page. This is why it’s also not directly collapsing on mobile devices. Is the Featured Content widget being added by your theme or a plugin? If the latter, can you please link me to its WordPress.org page (or an equivalent) so I can take a look at it?
Hi Alex,
This is part of the Genesis Theme Framework –
https://www.imagely.com/docs/genesis-featured-page/. I can't find too much information on it.
Hi Sarah,
Ah. I’m personally not familiar with that widget so I’m not too sure how it works but I’ll try and look into this. Semi-related but, to clarify, what version of SiteOrigin Page Builder were you using before you updated SiteOrigin Page Builder?
I am not sure. It wasn't too far behind as we updated previously and ran into other issues related to the ID of the rows.