Fit Text

A word or short line sized to fill its column's width exactly, for a large wordmark such as at the bottom of a footer.

Fit Text sizes a single word or short line so it fills the full width of its column exactly, on every screen size. It's built for a big wordmark, for example a large brand name across the bottom of a footer.

A blue panel with a small line of text above a huge word that fills the full width, cropped at the bottom

Add it

In WPBakery, click Add Element and pick Fit Text from the Highend Shortcodes category. Or use the shortcode. See Shortcode.

Settings

TextTextDefault: Haldentext

A word or short line. It's sized to fill the width of its column on every screen.

HTML TagSelectDefault: divtag

Options: div, p, h1, h2, h3.

Text ColorColorcolor

Leave empty for the theme's default text color.

Line HeightTextDefault: 0.85line_height

Relative to the size, for example 0.85. Lower values tighten the space above and below the letters.

Crop the BottomTextcrop

Percent of the text height to cut off at the bottom, for example 25, so the word runs off the edge of its section. Leave empty for none.

Typography tab

Use Theme FontCheckboxDefault: Yesuse_theme_fonts

Uses the theme's font instead of the Google font below.

Google FontsFontgoogle_fonts

Pick a Google font. Only shown when Use Theme Font is off.

Font WeightSelectDefault: Defaultfont_weight

Options: Default, 300, 400, 500, 600, 700, 800.

Letter SpacingTextletter_spacing

In em, relative to the font size, for example -0.02 or 0.05.

Text TransformSelectDefault: Defaulttext_transform

Options: Default, None, Uppercase, Lowercase, Capitalize.

There's no Font Size field here: Fit Text sizes itself to fill the width automatically.

Common settings

Fit Text also has an Extra class name field. See the Elements overview. It has no Entrance Animation or Entrance Delay fields.

Shortcode

[hb_fit_text text="Halden" tag="h2" line_height="0.85" crop="20"]

On this page