Highlight Title Widget

The Highlight Title widget allows you to display a customized title or heading on any page.

Content

highlight title content 2

Content 

Add a title here. You can add as many titles as you wish by using Add Item button.

In the Content tab you can choose a title Type between Text and Icon and set it.

The Text Type allows to add the needed text and set its typography.

The Icon Type allows to choose the icon, set its size and vertical position.

Both types allow to add a link to your text/icon, set the color, hover color and right and left margins.

With the Start New Line option enabled, the title is displayed on a new line.

Highlight Style: Choose the highlight style from the dropdown and set it.

Alternative Style: Slide to YES to enable alternative style.

Link: Add a title link. (Note: If you add a link in this field, it will replace the link specified in the Content tab.)

HTML Tag: Choose the needed HTML tag from the dropdown.

Display Type: Choose between Inline and Flex types.

Blend Mode: Select a desired Blend mode from the dropdown. 

Style

highlight title widget style item

Alignment: Choose between Left, Center and Right title alignment for widescreen, desktop, tablet portrait and mobile portrait modes.

Typography: Set a typography using settings from the dropdown.

Text Background: Choose between Default, Gradient and Image background and set it.

Icon Color: Set an icon color.

Stroke Width: Set a stroke width.

Text Shadow: Choose desired settings from the dropdown.

Space Between: Set a space between elements for widescreen, desktop, tablet portrait and mobile portrait modes.

highlight title widget alternative style

Text Background: Choose between Default, Gradient and Image background and set it.

Stroke Width: Set a stroke width.

Text Shadow: Choose desired settings from the dropdown.

highlight title widget highlight animation

Animation: Slide to Yes to enable animation.

Animation Delay (ms): Set the animation delay in milliseconds. 

Animation Duration: Set the desired animation duration.

Advanced

Set the Advanced options that are applicable to this widget

Related Articles