How to use paragraph with the funnel builder

This guide will help you how to customize paragraph in funnel builder

You can utilize the paragraph to input sentences or the main content of a page.

1. Click "Marketing"

Click

2. Click "funnels"

Click

3. Click "Add Element"

Click

4. Select "Paragraph" then Drag

Select

Then Drop

Click

5. Click "Orange border" to access settings

Click

6. Input "Element title/Title

This is the default name/title of the edit option you are working on. You can choose to leave it as it is or rename it.

Input

7. Select "Background Color"

To change the background color of your paragraph or any other content, click on the content and adjust the background color.

Click

8. Select "Opacity"

You can decide how much you want your text/content to fade in each element box by adjusting the opacity level from None, Light, Half, to Heavy fade.

Click

9. Select "Text Shadow"

If you want to add a shadow to your text/content, select the thickness or lightness that you want for the shadow.

Click

10. Customize "Letter spacing"

You can adjust the spacing between letters by selecting the letter spacing option.

Click

11. Select "Text Align"

You can move your text/content to different positions such as Left, Center, Right, or Justified.

Click

12. Select "Box shadow"

Click

13. Adjust "Mobile or Desktop Font size"

You can adjust the font sizes of your text/content for mobile and desktop by using the size bars.

Click

14. Select "Typography type"

You can edit the font of your text/content by selecting the Typography Type option.

Select

15. Select "Icon"

You can add an icon to your page by selecting from the available icons. If you have a specific icon in mind, you can type it into the search bar to narrow down the options.

Select

16. Customize "Color Options"

There are different color options available depending on the type of text/content you are working with. You can adjust color for regular, bold, italic, underlined text, link text color, and icon color.

17. Spacing options

There are different spacing options available for adjusting your content. These settings will only apply to the content within the specific edit option you are working on. For example, if you are editing a particular row, only content within that row will follow the command of the settings you make. You can adjust padding and margin for top, bottom, left, and right.

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

The content can be moved to the left, right, top, or bottom depending on which of the four toggle bars is clicked.

Click here to Adjust

Click here to Adjust "Margin Top, Bottom"

By toggling its bars, you have the option to adjust either the top or bottom margin of your content.

Fill

18. Click "Advanced"

Click

19. Select "Border"

You can choose the type of border you want, such as a solid, dashed, or dotted border. You can also adjust the width, color, and radius of the border. Additionally, you can decide which edges to curve.

Click

Select "Border Style"

Click

Select "Border Width"

Select "Border color"

Select "Border radius"

Customize "Radius Edge"

20 . Click here to adjust "Line height"

The element box's height can be increased by adjusting the size bar.

21. Select "Text Transform"

You can change the text to uppercase, lowercase, or capitalize each word by selecting the Text Transform option.

22. Select "Visibility"

You can choose to make the page visible on both desktop and mobile or only one of them.

23. Input "Class Name"

You can add a custom class

23. Click here to copy "CSS Selector"

To copy a CSS Selector, click on the "copy" icon located on the right side of the reference number that you wish to copy.

Did this answer your question?
😞
😐
😁