How to use Text module

To find the Text module, Please go to “Pages > Add New”, click “BM Content Builder”

BM content builder button
Text module tool

Add paragraph and heading with the Text module. Please do NOT enter JavaScript or special HTML codes like iframe. It will cause the page cannot be edited by BM Content Builder(how to fix). But you can enter shortcodes.

Text Module Editing panel

There is a rich media text editor within the Text module. You could enter content by this editor. set up the “Font color”, “Font Size/Font Size Mobile/Font Size Tablet/Line height/letter-spacing”, and other options with the editor.

Font color

You can add color for the text

Font Style

There are “Font Size/Font Size Mobile/Font Size Tablet/Line height/Letter spacing/Text Stroke/Fill Color Scroll” options on the Font Style selector.

font style selector

Font size

You can define font size in the editor. After selecting text, select a size form the Font Size selector.

Font size selector

The default font size unit is PX, you could use unit VW(check viewport unit), it would be more flexible. For example, the 1.8vw means 1.8% of screen width. 1.8vw equals 18px if screen width is 1000px, it equals 36px if screen width is 2000px.

Font size for mobile & tablet

You can define text font size for the mobile and table device.

Font size for mobile option

The text will be shown as the default font size set in the BM Font. If you select a font size in the editor, the default font size for both desktop and mobile will be covered. You should select a font size for mobile&tablet also normally.

The mobile size will work on the screen width is less than 767px, the tablet size will work on the screen width less than 992px and bigger than 768px.

Line Height

The Line Height property property specifies the height of a line. The number of the selector is relative about font size. If the font-size is 20px, line-height 1.5 equal 30px(20px * 1.5 ).

Letter Spacing

The Letter Spacing property controls the amount of space between each letter of text. Default is 0.

Text Stroke

Stoke Text Demo

To make a text with stroke, please select this option:

Stoke Text Option

The option is available from BM Content builder v 3.15

You can also add stroke class to achieve the effect by the code mode of text editor, like the demo codes:

<p>I am <span class="stroke">Stroked text</span></p>

Fill Color Scroll

The selected text can be add “Fill color scroll”, it is a color-filled effect binding page scrolling. The option is available from BM Content builder v 3.15

It works like:

The filled-color comes from the content linked color by default, you can define it on code mode: style="--color-content-linked: #0D0DE3;"

To add link for selected text:

To add a link for downloading a file like PDF or Zip file. Please add the word “Download” in code mode. It should be:

<a href="" download>click to donwload</a>

Code mode

Click “Text” to code mode tab:

Container Height

The Text module could be set a height fluid value(screen height) or fixed value. The content in the Text module would be vertical centering if it is set a height value.

Background color/image/video, mask text

The Text module supports color, image and video background.

Background: Color

Please click “Select Color” to pickup a color for the Group.

Background: Image

Please click “Add new image” to upload a picture from your computer or pick up one from Media library.

Masked Text

The Background image also work for the masked text effect if the option “Mask” is selected.

  • To replace the image, please “Add new image”
  • To disable the masked effect, please pick up “Standard” from selector Effect

Check the video tutorial how to create the masked text:

Background: Hosted Video

Please enter the different format video file URL for the 3 inputs, the URL should be like:


You could use some online tools to convert the video file like Cloudconvert, It does not support the 3rd embed code like Youtube.


You can also enter a shortcodes into the editor. Click Text tab on the editor, paste the shortcodes like:

paste the shortcodes

Text Marquee

The Text module supports marquee effect such as the below video(from BM Content builder v 3.13

The Text Marquee options are available in the Advanced Settings tab of Text mould editing panel. Check more about how to add Text Marquee

ID Name

The ID name could be available in all types of modules. It could be set as the anchor.
The ID name must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (“-“), underscores (“_”), colons (“:”), and periods (“.”). Check more

Cannot edit or save

Please disable the “Enable site accelerator” of Jetpack plugin. Otherwise, it will cause problems that cannot be edited or saved. Read more

Was this article helpful?

Related Articles