We are excited to announce that many page elements now expose a style property. You can use the style property to programmatically change the appearance of your page elements.
The elements that expose a style property are:
The styles that you can use are:
Note: The elements listed above only expose the style properties that are relevant to their design.
How it works
Select the element you want to style using the $w selector function.
Access the element's style object using the .style property.
Get or set the value of one of the style object's properties.
Here we set the background color of a box to be a semi-transparent red.
$w("#myBox").style.backgroundColor = "rgba(255,0,0,0.5)";
To learn more, see the StyleMixin in the API reference.