Rich text editor

Overskrift, avsnitt og tekst

This article explains how to use the text editor in the Design Builder to customize headings, paragraphs, and other text elements.

Background Color

Set a background color for the entire text field. This can be used in combination with text color and background on the text itself to create the desired expression.

Related articles:

Rich Text (Text Editor)

The text editor is a powerful tool with several options for both style and appearance, but also the possibility to write your own HTML. First, highlight the text you want to change and then use one of the functions below.

See description of each function below, from left to right.

Source (kilde): Used to customize the source code. The button will open a new window with a code editor where you can change existing HTML or write your own. This is only recommended if you are familiar with HTML.

Font Size: Adjust the size of the text through fixed sizes. If you want to use a size that is not available via the dropdown menu, you must customize the HTML yourself to insert the desired size.

Text Type: Choose between paragraph (normal text) and different types of titles (headings). Titles are based on the layout in theme settings for fonts

More: Click on the menu to open more options:

Text Color: Change the color of the highlighted text

Background Color: Change the background color for the highlighted text

Bold

Italic

Underline

Link: Add a link to the highlighted text

Text transformation

Capitalize (first letter uppercase)

Uppercase (uppercase letters)

Lowercase (lowercase letters)

None

Inherit

Adjusting Size (REM)

Adjust the line height for the text in the text editor.

Adjust Size (Pixel)

Adjust the radius of the corners to make the block more/less rounded.

Advanced Settings

Custom Classes

With custom classes, you can give the block its own CSS class. This can then be used in custom CSS to write your own code that changes the appearance.

Related articles:

Margin and Padding

Customize margin and padding for different units.

Related articles:

Was this article helpful?