How to use manage settings with the funnel builder

This guide will help you how to manage settings in funnel builder

1. Click "Marketing"

Access the marketing section

Click

2. Click "funnels"

Click

3. There are two (2) ways to access these settings;

Click here to access settings

Click here to manage Settings

Click here to access settings

Click hereSettings

4. Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Element Name/Title

5. Select "Background Color"

If you wish to change the background color of a specific editing option such as the Section, Row, Column, or Elements, you can do so by clicking on the content you want to modify.

Click

6. Select  "Opacity"

preview

7. Select "Text shadow"

Select 

8. Select "Letter Spacing"

preview

9. Select "Text Alignment"

Text alignment is a paragraph formatting attribute that determines the appearance of the text in a whole paragraph

preview

10. Select "Box Shadow"

You can add a shadow effect to your box to make the border more visible.

preview

11. Click here to Customize "Mobile Font Size"

Customize

12. Click here to Customize "Desktop Font Size"

13. Click here to Select "Typography Type"

13. Click here to Select "Icon"

14. Click here to Select "Color options"

15. Padding Left, Right, Top, and Bottom

These four toggle bars can move your content to the left, right, top, or bottom based on the one you select.

You can adjust the spacing of your content using various options. Please note that the settings will only apply to the editing option you are currently working on. For instance, if you are modifying a specific row (indicated by the blue box), only the content within that row will be affected by the changes you make.

Click

16. Margin Top and Bottom

To adjust the top or bottom margin of your content, you can toggle its respective bars.

Click

17. Click "Advanced"

Click

18. Click here to Select "Border"

To select the type of border you want, first, decide on which type of border you wish to apply. Clicking on any border type aside from "No Border" will drop down additional border options for you to choose from.

19. Click here to Select "Border style"

Once you have decided on the type of border you want, you can then select the style of border

20. Click here to Select "Border Width"

To select the thickness of your border, please click on the corresponding option.

21. Click here to Select "Border Color"

To choose the color for your border, click on the color swatch to access the color picker. From there, you can select a pre-defined color or use the color slider to create a custom color for your border.

22. Click here to Select "Border Radius"

If you don't want your border to have a sharp corner edge, you can select the radius options to determine how curvy you want the edge to be. This will add a smooth curve to the corners of your border. You can adjust the radius to your desired level by selecting the corresponding option.

23. Click here to Select "Radius Edge"

To adjust the edge of your border, you can select which side you want to modify. You have the option to adjust for all edges, only the top edge, or only the bottom edge. Select the corresponding option to apply the edge adjustments to the desired side of your border.

24. Click here to Select "Visibility"

To determine the visibility of a particular edit option, you can click on it to highlight the icon. This will allow you to choose whether you want the option to be visible on only mobile devices, desktops, or both.

25. Input "Class Name"

To input a custom class, you can access the CSS editor and add your class there.

26. CSS Selector

If you need to copy the custom CSS code, you can click on the "Copy" icon located on the right side of the reference code.

Did this answer your question?
😞
😐
😁