App Maker uses CSS to style elements. Each element can be assigned one or more CSS classes, via the display section.
To learn how CSS works, visit https://www.w3schools.com/css/default.asp
To start creating CSS files, access the Style Editor (click the paint palette next to the pencil in the top right).
You can either create styles that apply globally (global style) or to the active page (page style).
If you want to style elements individually, each element needs a CSS class. This class will be used in the style sheet, to create styles for all elements of that class.
An example is creating a button, and giving it the class test.
To add a class, select the element, and scroll down to the bottom of the property editor, and expand display. Select styles, and enter test, then click add. If the name provided is not a valid css class, add will be grayed out.
If we add this information to our style sheet:
.test {
color: green;
font-size: 40px;
}
We cause our button (and anything else with the test class) to have green text, with a font size of 40.
