Site colors
You can access your site colors and text styles by clicking on the Site tab in the top right corner of the Properties Sidebar. Notice, there is a handful of colors and text styles that come with this template. If you don’t see the Site tab initially, you can deselect the selected component by pressing theEsc
key.
In the Site colors section, click on the green color and change it to something else. Notice that all the elements that use that color will update automatically in the Canvas. This change will also be reflected in each of your different pages.
#2BFEC5
).
Text styles
Now, take a look at the Text styles section. You can see the different text styles that are used on the site. You can change the font, size, weight, color, and more for each text style. The text you previously edited on the hero uses the Heading 1 text style. Click on the Heading 1 text style and change the font size to80
. Then, click Save. You should see the text in the hero get bigger.
Hint: For properties that take a number input (like text size), you can drag
your cursor left or right within the input to increase and decrease the value
respectively.