Table of Contents
Super Heading module is an amazing tool to create a beautiful heading in order to decorate the website’s pages. The content is fully flexible, it has multiple style settings, devised to assist you in creating really beautiful headings within a few minutes!
Super Heading Sample #
In the picture below you can view Super Heading module sample
Content #
Display Options #
- Title HTML Tag – here you can apply your custom HTML tag to the headline to define its importance (you can use both H1-H6 headings as well as paragraphs and divider tags).
- Prefix Text – Type in the first part of the Super Heading in order to use it in the module and apply different style setting to it.
- Main Text – Fill the second part of the Super Heading in order to use it in the module and apply different style setting.
- Suffix Text – Type the last part of the Super Heading in order to use it in the module and apply different style setting.
- Link URL – Here you can define the link for Super Heading. Just fill in the URL address and apply it. Click Settings icon in order to make the link open in the new window, or define the link as no follow.
- Display – You can select 2 options from the dropdown list. eight Inline or Block.
- Block – Text will display as block one block after another.
- Inline – All 3 text will be displayed in one line.
- Icon – Select Icon From the Dropdown menu from the pre-defined 400 icons (Approx).
- Icon Position – You can select the position of the icon whether it will be placed before the prefix text of after the suffix text.
- Icon Spacing – Here you can define the distance between text and the icon
- Alignment – Here you can select the alignment of the Super Heading (Left, Center, Right).
Style #
Prefix Text Style
- Margin – You can input the values for the headline margins in the required fields.
- Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
- Advance Text Decoration – Here you can decorate text with color, gradient color or image.
- Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
- Advance Decoration – From Here user can select the type of background whether it will be color, gradient or image.
- Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
- Border Radius – Here user will define the radius of the border. It can be pixel or %
- Text Shadow – Here you can add some shadow to the text.
- Box Shadow – Here you can add some shadow to the box
Main Text Style
- Margin – You can input the values for the headline margins in the required fields.
- Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
- Advance Text Decoration – Here you can decorate text with color, gradient color or image.
- Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
- Advance Decoration – From Here user can select the type of background whether it will be color, gradient or image.
- Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
- Border Radius – Here user will define the radius of the border. It can be pixel or %
- Text Shadow – Here you can add some shadow to the text.
- Box Shadow – Here you can add some shadow to the box.
Suffix Text Style
- Margin – You can input the values for the headline margins in the required fields.
- Padding – here you can set the preferable custom padding for the headline. Fill in the values for the top, bottom, right and left padding in pixels to apply your custom padding.
- Advance Text Decoration – Here you can decorate text with color, gradient color or image.
- Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
- Advance Decoration – From Here user can select the type of background whether it will be color, gradient or image.
- Border Type -Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
- Border Radius – Here user will define the radius of the border. It can be pixel or %
- Text Shadow – Here you can add some shadow to the text.
- Box Shadow – Here you can add some shadow to the box