ElementsElement Properties & MethodsStyles

Set Styles

element.setStyles(styles)

Set styles on an element.

Syntax

1element.setStyles(styles: Array<Style>): Promise<null>>

Parameters

Returns

Promise<null>

A Promise that resolves to null.

Example

1// Get Selected Element
2const selectedElement = await Webflow.getSelectedElement()
3
4if (selectedElement?.styles) {
5
6  // Create a new style
7  const newStyle = await Webflow.createStyle("MyCustomStyle");
8
9  // Set properties for the style
10  newStyle.setProperties({
11    'background-color': "blue",
12    'font-size': "32px",
13    'font-weight': "bold",
14  });
15
16  // Set style on selected element
17  selectedElement.setStyles([newStyle])
18
19}