To find the Text module, Please go to “Pages > Add New”, click “BM Content Builder”
iframe. It will cause the page cannot be edited by BM Content Builder(how to fix). But you can enter shortcodes.
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.
You can add color for the text
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.
You can define font size in the editor. After selecting text, select a size form the 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.
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.
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 ).
The Letter Spacing property controls the amount of space between each letter of text. Default is 0.
To make a text with stroke, please select this 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:
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="the-url.zip" download>click to donwload</a>
Click “Text” to code mode tab:
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.
Please click “Select Color” to pickup a color for the Group.
Please click “Add new image” to upload a picture from your computer or pick up one from Media library.
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, Zamzar.com. 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:
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
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