Highlight text in titles and paragraphs

WoodMart lets you highlight part of a title or text, for example, a colored keyword in a heading or a phrase with a gradient, background, or border. Highlighting works in Gutenberg, Elementor, and WPBakery.

Builder	Elements	How to mark the text
Gutenberg	Title, Paragraph (WoodMart blocks)	Adv Highlight button in the block toolbar
Elementor	Title, Text block, Banner, Banner carousel	Wrap the text with the `<u></u>` tag
WPBakery	Section title, Text block, Promo banner	Wrap the text with the `<u></u>` tag

Highlight text in Gutenberg

Add a WoodMart Title or Paragraph block and type your text.
Select the words you want to highlight.
In the block toolbar, open the More menu (the down arrow) and click Adv Highlight.
Style the fragment in the block settings, on the Advanced highlight tab.

Note

Advanced highlight isn’t available in the core WordPress Heading and Paragraph blocks. The core Highlight option in the same menu is a different WordPress feature and doesn’t use WoodMart’s highlight settings.

Highlight text in Elementor

In the element’s text field, wrap the words you want to highlight with the  tag, for example: We deliver furniture worldwide. In the Text block editor, switch to the Text (code) tab first.
Open the highlight settings: Style → Title → Highlight for Title, Banner, and Banner carousel, or Style → Highlight for Text block.

Highlight text in WPBakery

In the element’s text field, wrap the words you want to highlight with the  tag. In the Text block editor, switch to the Text (code) tab first.
Open the highlight settings: the Title tab for Section title, or the Highlight tab for Text block and Promo banner.

Note

In all builders, one element can contain several highlighted fragments, and they all use the element’s highlight settings.

Style the highlighted text

In Elementor Title and Banner, and in WPBakery Section title and Promo banner, first pick a ready-made style in Style or Highlight text style:

Primary color: the fragment uses the primary color from Theme Settings.
Primary color + secondary font: the primary color plus the secondary font from Theme Settings.
Bordered: adds a border under the fragment.
Gradient: fills the text with a gradient that you configure.
Default: no preset; style the fragment yourself with the options below.

Gutenberg blocks and the Text block in Elementor and WPBakery have no presets and show the style options directly.

Option	Description
Typography	Font family, size, weight, and other text settings for the highlighted fragment.
Color type	Classic applies a solid text color. Gradient fills the text with a gradient.
Background	Adds a color, image, or gradient background behind the fragment.
Border, Border radius, Box shadow, Padding	Frame the fragment, for example, to make it look like a label or a marker.
Vertical offset	Moves the fragment up or down relative to the rest of the line. It can be set separately for desktop, tablet, and mobile.

To animate the highlighted words, see Create rotating text.

Don’t miss WoodMart updates

Receive feature updates, tutorials, and WoodMart news via email.