Global Styling: Text Styling

Changing your fonts, and text globally throughout your site

Bryan

Last Update 5 years ago

Text styling is one of the most adjusted parts of the Global Styling section. Here you set your fonts, your header sizes, your paragraph fonts, and your mobile look.

1.) This decides the desktop body text font and size for your desktop website. Click the font itself to edit, or click the EDIT button on mouseover

Note: 16 px is the rule of thumb for text sizing on desktop and mobile body font. Depending on the font you choose you might make it bigger on desktop. Here at PoliEngine we use Google Fonts, so feel free to peruse Google's list of fonts, which includes a handy guide for body and header pairing.

2.) These decide the Heading sizes and fonts. As a rule of thumb, it's smart to keep one heading font for all of your headings. You can select these in your builder by using the "Heading" widget, or by highlighting specific text in your "Text" widget and selecting the "Style" wand on the far left and selecting which Heading you would like.

3.) Selects the "QUOTE" font and size. This is a good place to decide the design of quotes, which tend to have a different design than the rest of the site to help them stand out.

4.) This allows you to change the font design on your mobile website. This part is very important, as font on desktop can be very different than font on mobile, especially in

Was this article helpful?

0 out of 1 liked this article

Still need help? Message Us