How to Set Up Text Styles in Emails
Content:
- How to Set Text Style in the Text Styles Section?
- How to Set Text Styles for Mobile Version?
- How to Set Text Styles for Dark Mode?
- How to Set a Text Style Assigned in Text Styles section?
- What is a WYSIWYG Editor and What Can You Do With It?
- How to Set a Text Style through the WYSIWYG Editor?
There are 2 ways to change text style, each suitable for different purposes.
- Change text style through Text styles (suitable if you use one text style in different places or throughout the entire email).
- Change text style through the WYSIWYG editor (suitable for altering text elements or text that needs to stand out from the rest).
How to Set Text Style in the Text Styles Section?
- Go to the Text Styles section on the right panel (third icon from the top), where you will find 6 text styles: 3 for headers and 3 general styles:
- Header
- Header 2
- Header 3
- Common
- Subheading
Caption
Text styles section in Markeaze builder
- For each style, you can assign:
- Font
- Boldness
- Italics
- Size
- Color
❗️Important: The editor features only 12 fonts that are universally accepted by all email services. We intentionally do not add other fonts, as email services may distort the final email.
How to Set Text Styles for Mobile Version?
-
Switch to mobile email editing at the top of the screen and go to text styles. Or switch to mobile in text styles section
Mobile mode text styles
- Set the text style parameters for display on mobile devices. For the mobile theme, these parameters include:
- Font size
Text alignment
Text style parameters for mobile mode
How to Set Text Styles for Dark Mode?
-
Switch to the dark version of the email at the top of the screen. Or switch to dark mode in text styles section
Dark mode text styles
- Set the text style parameters for display in dark mode. For dark mode, these parameters include:
- Color
How to Set a Text Style Assigned in Text Styles section?
To assign a style to your text (previously set in Text Styles section), you need to highlight the text and in the WYSIWYG editor, select the desired style from the drop-down menu on the far left.
What is a WYSIWYG Editor and What Can You Do With It?
A WYSIWYG (What You See Is What You Get) editor is a type of text editor that allows you to edit and format text as it will appear in its final form. It represents the third level of text editing after text styles and settings. When you set text parameters through the WYSIWYG editor, all previous values will be overwritten. With a WYSIWYG editor, you can:
- Apply text style to the text (Header, Common, etc.)
- Easily format text, including changing fonts, sizes, and colors.
- Apply text styling such as bold, italic, and underline.
- Insert and manage elements like lists, substitution, and links.
We recommend using the WYSIWYG editor to configure not the entire text but only specific parts (for example, making a word red, or adding underline or boldness). This is due to several reasons:
- Text settings in the WYSIWYG editor will apply to both mobile and dark modes. For instance, if you make text red through the WYSIWYG editor, you won't be able to change its color in dark mode.
- Email clients scan the email and detect tags (like h1, h2, h3, etc.), which affects email deliverability and the correct display of the email on all devices. If the entire text is edited through the WYSIWYG editor, these tags for the text will be missing.
- Convenience. It's much easier to set text settings once through the text styles section and then simply apply the style to the text, rather than setting sizes, fonts, colors, etc., for each text block separately.
How to Set a Text Style through the WYSIWYG Editor?
Highlight a part of the text or the entire text and in the WYSIWYG editor, set its size, font, color, boldness, underline, or strikethrough.
