All Collections
FAQs
Website
How do I customize text using inline styles?
How do I customize text using inline styles?
Jamie Lubiner avatar
Written by Jamie Lubiner
Updated over a week ago

The Advanced Editing Toolbar allows you to customize text on your website. Certain blocks are ruled by the code of your template and so are formatted in a specific manner. With Inline Styles you are able to override the default option and design your website with even greater flexibility and precision.

How to use Inline Styles

In the Advanced Editing Toolbar, locate the Inline Styles icon - the icon looks like a paintbrush next to a dropdown arrow. Select the text that you wish to apply the style to and select one of the options from the dropdown menu.

Inline Style options

  • Font Size -3

  • Font Size -2

  • Font Size -1

  • Font Size +1

  • Font Size +2

  • Font Size +3

  • Font Weight -3

  • Font Weight -2

  • Font Weight -1

  • Font Weight +1

  • Font Weight +2

  • Font Weight +3

  • Font Weight +4

  • Increase Line Height

  • Increase Line Height More

  • Increase Line Height Even More

  • Double Line Height

  • Increase Letter Spacing

  • Increase Letter Spacing More

  • Increase Letter Spacing Even More

  • Force Text Lowercase

  • Force Text Uppercase

  • Capitalize First Letter

  • Reset All

Note that selecting "Reset All" will reset all Inline Style applied to the selected text.

Did this answer your question?