demo link:
http://213.136.75.102/customstyledemo.wbs
The problem is as follows. When we don't have a responsive layout, after clicking "Publish," the custom style appears directly in the PHP or HTML file in the same line as the <div> tag of the layer. Therefore, if the custom style is PHP code, it will execute normally. However, if we have a responsive layout, the custom style, along with the publish action, goes to the corresponding CSS file. That's why, if it's PHP code, it can't execute. It's a simple demo project. We open a page, add a layer, right-click, select custom style, and add something like background-color: #EBEBEB;. Then we right-click and select "page HTML," and we will see <div id="Layer1" style="position:absolute;text-align:left;width:151px;height:75px; background-color: #EBEBEB; background-color: #EBEBEB;">. If we set a breakpoint, e.g., 320px, and click on "page HTML," we will only see <div id="Layer1">; the style is in the page.css file. So, most likely, nothing can be done about this.
Thank you