The Headline element allows you to add text content to your page, helping to convey information clearly and effectively. Whether you're adding descriptions, instructions, or general content, the Headline element provides various customization options to match your site's style and enhance readability.
Adding a Headline
To integrate a headline into your page, simply drag and drop the Headline element into your desired location within the editor's workspace. Once placed, you can customize its appearance, font, and other attributes to align with your design preferences.
General Settings
Element Name
On the left side of the screen, you'll find the edit toolbar for the selected element. The top of the screen displays the default name or title for the editing option you are working on, which you can choose to rename for easier navigation as you build your funnel page.
Typography Type
You can change the typography font by selecting an option from the dropdown menu. You can choose from the headline or content font that you selected in settings, or choose default text and select a new typography font from the dropdown.
Mobile and Desktop Font Size
To change the font size for mobile and desktop devices, adjust the size bars for each text or content element. Navigate between mobile and desktop views in the top left corner of your funnel builder to view how your edits will appear in each format.
Font Weight
Adjust the font weight to get the perfect look. You can choose from thin, regular, bold, or even extra-bold options to match your design style.
Opacity
Managing the level of transparency in your element box text or content is easily achievable by modifying the opacity settings. You can select from various degrees of fading, ranging from None (completely opaque) to Light, Half, and Heavy Fade (increasing levels of transparency). This allows you to create the desired visual effect for your content, enhancing its overall appeal.
Line Height
The Line Height feature allows you to modify the height of an Element box effortlessly. To make adjustments, simply slide the size bar either left or right to decrease or increase the height, respectively. This provides greater control over your design and ensures optimal visual presentation.
Text Transform
The Text Transform feature offers you the flexibility to modify your text's appearance by converting it to uppercase, lowercase, or capitalizing the first letter of each word. This enables you to achieve the desired visual style and presentation for your content, ensuring it aligns with your overall design guidelines.
Letter Spacing
By utilizing the letter spacing option, you can customize the distance between individual characters in your text. Simply click on this feature to make adjustments, allowing you to achieve the desired appearance and readability for your content.
Color Options
Background Color: To change the background color of your headline, simply click on the content you want to adjust, then choose the desired color.
Color: When a text isn't in bold form, you can only adjust its colors here
Link Text Color: If you have a link added to this element, you can only edit the link color here. To be able to add a link to your text, you have to highlight the text and then click on the chain strand icon.
Icon Color: If an icon is added to this element, you can edit the icon color here. Only the icon color will change regardless of the position it's placed.
18/7/25 Ext