Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Loom | Free Screen & Video Recording Software | Loom
It seems that when Padding is set on a Section via the Theme Styles, it overrides any custom stylesheets when in the backend. Looking at the DOM when in the builder, the <style id="dynamic-element-css"></style> element is output in the Footer of the Builder’s iFrame, meaning it overrides any external stylesheets loaded in the Head.
You can see in the video that in an external stylesheet, I applied 40rem padding to the top and bottom of a class ‘.test’.
When applied to the section in the builder, it does not change the padding of the section if the Theme Styles - Section padding has values. But upon saving, the changes can be seen on the front end as you would expect.
Something which I didn’t show in the video: if you apply padding values to the .test global class INSIDE Bricks, the changes do update to those values in the builder and front-end. It’s just if you are using external CSS, the inline styles applied inside that #dynamic-element-css element override it.
Also worth noting, I found this to be the case on some other sites I tried, using v1.7.3 and v1.7