1. Click "Marketing"

2. Click "funnels"

3. Click "Orange border" to access settings for headline

4. Input "Element Name/Title"
Here, you can view the default name/title of the Edit option currently being worked on. It is up to you whether to keep it as is or give it a new name.

5. Select "Background Color "
To change the background color of your content, simply click on the content and select the background color option. If the color you want is not available, you can add a custom color by typing in the color code and clicking "add color".

6. Select "Opacity"
Adjust the opacity of your content by selecting the desired level of fade, ranging from None to Heavy.

7. Select "Shadow"
Add shadows to your text/content by adjusting the thickness of the shadow.

8. Customize "Letter Spacing"
Increase or decrease the spacing between letters with the Letter Spacing option.

9. Select "Text Align"
Align your text/content to the left, center, right, or justify it as desired with the Text Align option.

10. Customize "Mobile Font size"
Adjust the font size of your text/content for desktop and mobile with the size bars.

11. Customize "Desktop Font size"
Adjust the font size of your text/content for desktop and mobile with the size bars.

12. Select "Typography"
Edit the font of your text/content with the Typography Type option.

13. Select "Icon"
Add icons to your page by selecting the desired icon or typing in the search bar for specific options.

14. Customize "Color Options"
Customize the color of your text, including bold, italicized, underlined, and linked text, as well as icons, with the Color Options feature.

15. Padding options
Adjust the spacing of your content with the Spacing Option, which is specific to the element box being edited.
Click here to adjust "Padding Left"

Click here to adjust "Padding Right"

Click here to adjust "Padding top"

Click here to adjust "Padding bottom"

16. Margin options
Toggle the padding and margin of your content using the different toggle bars available.
Click here to adjust "Margin Top"

Click here to adjust "Margin Bottom"

17. Click "Advanced"

18. Select "Border"
Use the Advanced Settings to customize the border options for your content, including the style, width, color, radius, and edge of the border.

Select "Border style"

Select "Border width"

Select "Border color"

Adjust "Border radius"

Select "Radius Edge"

19. Adjust "Line Height"
Increase the height of the Element box with the Line Height feature.

20. Select "Text Transform"
Transform your text to uppercase, lowercase, or capitalize each word with the Text Transform option.

21. Select "visibility"
Choose the visibility of your page on desktop or mobile or both.

22. Input "Class Name"
Add a Custom Class to your content by pressing enter or space.

23. CSS Selector
Copy a CSS Selector by clicking on the "copy" icon next to the reference number.
