Webflow Designer API: Set Styles

`element.setStyles(styles)`

Set styles on an element.

Syntax

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

Parameters

Styles: Array of Style Objects - The array of styles to set.

Returns

Promise<null>

A Promise that resolves to null.

Example

1 // Get Selected Element
2 const selectedElement = await Webflow.getSelectedElement()
3 
4 if (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 }

1	// Get Selected Element
2	const selectedElement = await Webflow.getSelectedElement()
3
4	if (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	}