Block Typography Settings

Feature Purpose:

Ability to input text within the website builder for modules that support text, enabling customization of text color, style, and font preferences.

Working with this feature:

In every section of the website builder where text can be added, there exists a text editor.

Within this editor, users have the ability to customize or choose:

  1. Bold (B): Makes selected text bold.

  2. Italic (I): Italicizes selected text.

  3. AG: Convert to ALL capital letters

  4. Strikethrough text setting

  5. Underline (U): Underlines selected text.

  6. Text Color (A with a color bar underneath): Changes the color of the selected text.

  7. Highlight (Pen icon): Highlights the selected text with a background color.

  8. Font Size: Change the size of the text

  9. Hyperlinking: Please add an option to hyperlink a text


Text Editor Options:

image1.png


Text Settings:

image-20240718-153322.png


Typography Settings:

image-20240718-153352.png

The following elements can be customized using the Typography settings:

  • Pre-selected text style

  • Text color

  • Font name

  • Font weight

  • Font size

  • Alignment

  • Case

  • Decoration


image2.png


Troubleshooting:

Question:

Can I add a custom font for the text throughout the website?

Answer:

You can only select the fonts that are available under the ‘Font Name’ drop down but if you want to add a custom font, this can be done by going to the event settings:

image-20240718-154049.png
image-20240718-154012.png

Question:

Can we hyperlink a text within the text addition section?

Answer:

Yes, we can use the hyperlink option under the editor.

image-20240718-154726.png

Question:

Can I update all the text entered from lowercase to uppercase automatically?

Solution:

Yes, we can do that using the General settings under Typography.

image-20240718-154950.png