Engage visitors with a prominent, stylish headline and optional divider and sub-headline to convey key messages.
Requirements
To make use of this widget, go to PluginsSiteOrigin Widgets to activate the SiteOrigin Headline Widget.
The Headline Widget is ready to be used anywhere:
Page Builder: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor.
Block Editor: 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form.
Theme and Plugin Widget Areas: Insert widgets into any theme or plugin widget area.
Settings
Once the Headline widget has been inserted, 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.