How to use sub-headlines with the funnel builder

This guide will help you how to use sub headline in funnel builder

1. Click "Marketing"

Click

2. Click "funnels"

Click

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.

Sub-Headline

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.

Input

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.

Select

6. Adjust "Opacity"

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

Click

7. Select "Shadow"

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

Click

8. Customize "Letter Spacing"

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

Click

9. Select "Text Align"

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

Click

10. Adjust "Mobile Font Size"

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

Click

11. Adjust "Desktop Font Size"

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

Click

12. Select "Typography Type"

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

Click

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.

Select

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.

Click

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

Click here to adjust "Margin top, bottom"

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

Click here to adjust

16. Click "Advanced"

Click

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

Select "Border style"

Fill

Select "Border width"

Click

Select "Border color"

Click

Select "Border radius"

Click

Select "Radius Edge"

Fill

18. Customize "Line Height"

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

Click

19. Select "Text Transform"

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

Click

20. Select "Visibility"

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

Fill

21. Input "Class Name"

Add a custom class to your subheading

Click

22. CSS Selector

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

Click
Did this answer your question?
😞
😐
😁