How to use sub-headlines with the funnel builder

1. Click "Marketing"

2. Click "funnels"

3. Sub-Headline

The Sub-Headline option allows you to easily add subheadings to your pages. To do so, simply drag and drop the Sub-Headline element into the editor. From there, you can manage the settings to customize the appearance of your subheading.

4. Input "Element Name/Title"

By default, the element name/title will be displayed. However, you have the option to rename it if you wish.

5. Select "Background Color"

You can adjust the background color of your subheading by clicking on the content and selecting a new color. You can also add custom colors by entering the appropriate color code.

6. Adjust "Opacity"

Adjust the opacity of the text/content in your subheading by choosing from the None, Light, Half, or Heavy fade options.

7. Select "Shadow"

Add a shadow effect to your text/content by selecting the desired thickness or lightness.

8. Customize "Letter Spacing"

Choose how far apart you want your letters to be displayed.

9. Select "Text Align"

Position your text in different ways, including Left, Center, Right, or Justified.

10. Adjust "Mobile Font Size"

Customize the font size of your subheading for both mobile and desktop device displays.

11. Adjust "Desktop Font Size"

Customize the font size of your subheading for both mobile and desktop device displays.

12. Select "Typography Type"

Edit the font style of your subheading to match the overall design of your page.

13. Select "Icon"

Add an icon to your subheading by selecting from the available options. You can also search for a specific icon using the search bar.

14. Customize "Color options"

Adjust the color of your subheading text based on its formatting, such as Bold Text, Italic Text, Underline Text, Link Text, or Icon Color.

15. Padding options

Customize the spacing of your subheading content by choosing from various options, with settings that apply to specific content within the page editor.

Click here to adjust "Padding Left, Right, Top, Bottom"

The content can be shifted to the left, right, top, or bottom depending on the toggle bar clicked from the four available options.

Click here to adjust "Margin top, bottom"

You can adjust the top or bottom margin of your content by toggling its bars.

16. Click "Advanced"

17. Select "Border"

Choose from various border types, such as Solid, Dashed, or Dotted, and customize the border's style, width, color, and curvature.

Select "Border style"

Select "Border width"

Select "Border color"

Select "Border radius"

Select "Radius Edge"

18. Customize "Line Height"

Increase or decrease the height of your subheading text/content.

19. Select "Text Transform"

Change the case of your subheading text to Uppercase, Lowercase, or Capitalize Each Word.

20. Select "Visibility"

Choose to display your subheading on both desktop and mobile, or just one of the two.

21. Input "Class Name"

Add a custom class to your subheading

22. CSS Selector

Click here to copy "CSS selector" for further customization.