Headline Widget

To use the Headline widget, ensure it’s enabled in the Widgets Bundle dashboard at PluginsSiteOrigin Widgets. The Headline widget can be inserted into any theme widget area at AppearanceWidgets or any page or post using Page Builder.

Once the Headline widget has been inserted into your theme widget area or page/post using Page Builder, hover over it and click the Edit link to begin. You’ll find the following fields available:

Headline

Text
The headline text.

Destination URL
If you’d like to add a link to the headline, enter the URL.

Open in a new window
Enable to open the headline link in a new window.

HTML Tag
Select the tag to be used for the headline. Choose h1 to h6 or paragraph.

Color
Select the headline color.

Hover Color
Select the headline hover color.

Font
Select the headline font.

Font Size
Select the headline font size.

Alignment
Select the headline alignment. Choose between center, left, right or justify.

Line Height
Optionally enter a line height for the headline.

Top and Bottom Margin
Optionally enter a top and bottom margin for the headline.

Sub Headline

Text
The sub headline text.

Destination URL
If you’d like to add a link to the sub headline, enter the URL.

Open in a new window
Enable to open the sub headline link in a new window.

HTML Tag
Select the tag to be used for the sub headline. Choose h1 to h6 or paragraph.

Color
Select the sub headline color.

Hover Color
Select the sub headline hover color.

Font
Select the sub headline font.

Font Size
Select the sub headline font size.

Alignment
Select the sub headline alignment. Choose between center, left, right or justify.

Line Height
Optionally enter a line height for the sub headline.

Top and Bottom Margin
Optionally enter a top and bottom margin for the sub headline.

Divider

The divider is positioned between the headline and the sub headline.

Style
Select a style. Choose between solid, dotted, dashed, double, groove, ridge, inset, outset.

Color
Select the divider color.

Thickness
Set the divider thickness.

Alignment
Set the divider alignment. Choose between center, left and right.

Divider Width
Set the divider width.

Top and Bottom Margin
Optionally enter the dividers top and bottom margin.

Element Order
Using this setting you can adjust the order in which the headline, sub headline and divider appear in. Drag the blocks to re-order.

Use FitText
Dynamically adjust your heading font size based on screen size.