Website Styles make it easier for you to create consistent, professional and high converting websites.
How do you access Website Styles?
Website Styles are managed on the 2nd tab on the left-hand side of the Website Builder.
When the Website Builder is opened, the Page Outliner is visible in the left-hand panel.
You access Website Styles by clicking on the 2nd tab under the website name.
When you click on the Website Styling tab, the Website Styling panel opens with 7 sub-tabs.
General Website Styles
The first sub-tab relates to General Website Styles. This area behaves differently than the others, and is discussed HERE.
The four Primary Website Styles
Of the remaining 6 sub-tabs, four are primary "slots": Title 1, Title 2, Title 3, and Normal Text.
Normal Text is the base formatting for all explanatory text on your site.
Title 1, Title 2 and Title 3 is the formatting for various headings. So are not to look overly busy, by convention websites use no more than three sizes of headlines - with Title 1 the largest, and Title 3 the smallest.
For each of these 4 primary "slots" you can set the font, font size, text colour, and styling.
Font is a drop-down selection where you can select the font. At the moment only Times New Roman and Arial are supported.
Colour is the colour you want the text to be. You can change the colour by either double clicking on the number (e.g. #00c09a) and entering a new number, or by clicking on the colour swatch - which will bring up a colour wheel.
Size is a text entry box where you set the font size in points.
Style lets you set bolding, italics, underlining, strikethru, left justification, centre justification, and right justification respectively.
The two Hyperlink Website Styles
The remaining 2 sub-tabs relate only to the colour of hyperlinks within the Titles (1, 2 or 3) or within Normal Text.
Colour is the base colour of all hyperlinks.
Hover Colour is the colour of hyperlinks when the mouse is hovering over it
Style is the base styling of hyperlinks. By convention links are underlined. In the above example they are bold and underlined.