Designer extension: styles not getting applied on selected div

Ravindra_Verma1 · November 17, 2023, 2:12pm

I’m trying to add some styles to a selected div, I created and set the styles using styles.setProperty. In the builder secrtion styles appears to be applied on the div but it’s not. When minnor changes are made to styles it gets applied, let’s say if height was set 600 from extension, styles section shows div has height of 600, and when I make it to 601 than the heights of the div changes.

const selectedElement = await webflow.getSelectedElement()
const formesterStyle = webflow.createStyle("formester-div-style")
formesterStyle.setProperties({
        height: "600",
        width: "Auto",
        "margin-top": "30",
        "margin-right": "30",
        "margin-bottom": "30",
        "margin-left": "30"
      })
await formesterStyle.save()
selectedElement.setStyles([formesterStyle])