Title Widgets

Modified on Fri, 18 Nov, 2022 at 6:08 AM

Text is how you will communicate with your users and relay information about what your site is about. You can add Text widgets to your site for basic content (see Text Editor), and you can add Large or Small Title widgets. Titles are output as H1-H6 tags and are good for SEO.

By using these different widgets, you can easily control the look of your site through configuring global styles.

To add title widgets:

  1. In the left panel, click Widgets.
  2. Click and drag the Large Title widget or Small Title widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

Titles vs Text

The most common question is which widgets should you use for your site? The answer depends on exactly what text you are creating.

  • To create a headline or slogan that needs to stand out, use a Title widget. Title widgets can be assigned special styles in the global styles section, so you can use them to really draw attention to certain parts of your site. You can have 6 assigned styles for titles. Keeping track of these will help you create your site faster by allowing you to make changes globally with the click of a button.
  • To create a block of text, use a Text widget.

The Text widget has normal spacing and is suited to the normal text.

Titles have larger spacing. Use titles to draw attention to a part of your site.

Large and Small Titles

The large and small title widgets are essentially the same widget, but with different default settings.

  • A large title widget inserts text with H1 styles applied by default.
  • A small title widget inserts text with H3 styles applied by default.

Text Options

Each text widget (text or title) comes with two adjustable options. One set can be adjusted inline while the other one opens a popup menu with additional options.

Inline Options

The inline options for text are:

NumberOptionDescription
1Move

Move the bar for easier editing (Changes UI only)

2Bold

Apply a bold style

3Underline

Apply an underline style

4Italics

Apply an italicized style

5Font colorChange the font color
6Font sizeChange the font size
7Font familyChange the font family
8H stylingTitle widget only, switch from H1 - H6
9Font weight

Similar to "bold", change the font weight or thickness

10Alignment

Change the text alignment (left, right, center)

11Line spacing

Change the line spacing or space between each line

12LinkAdd or change a link
13Bullet listCreate a bullet list
14Numbered listCreate a numbered list
15Direction

Change left to right or right to left

16Remove formattingReset text to default layout (defined by global design styles)
17Undo

Undo edit

18RedoRedo edit
19DoneSave changes

Popup Options

NumberOptionDescription
1Color

Open the color settings

2(Color tab) Background color

Change the background color

3(Color tab) Border style

Change the border style

4SpacingChange the spacing for the element

NumberOptionDescription
1ImageOpen the image settings
2(Image tab) Background imageSet a background image
3(Image tab) Border style

Change the border style


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article