By utilising bullet lists, you can present information in a clear, concise manner that effectively engages your audience and elevates the overall user experience.
Incorporating bullet lists into your page is a simple and intuitive task. Begin by selecting the bullet list element and dragging it to your editor's workspace, where you can customise it according to your preferences. Once the element is in place, an editing toolbar tailored specifically for the selected element will appear on the left side of the editor.
To improve navigation and streamline your workflow, you have the option to modify the default name or title that appears at the top of the screen while crafting your funnel page. By renaming the default title, you can ensure that each step in your funnel is easily identifiable, making it simpler to navigate between different stages of the process.
To change the background colour of your bullet list, select the content you want to modify and choose your preferred colour. If you can't find the colour you want, input the colour code and click the "add colour" button to include custom colours.
Enhance the visual appeal of your element box text or content by adjusting its opacity level to create a fade effect. With the opacity option, you have the flexibility to choose from various levels of fade, ranging from None (fully opaque) to Light, Half, and Heavy Fade (increasing levels of transparency). This feature allows you to customise the appearance of your content, adding depth and visual interest to your page.
To elevate the visual appeal of your text or content, consider utilising the shadow thickness option to incorporate a shadow effect. This feature allows you to add depth and dimension to your content, making it more engaging and visually striking for your audience. By adjusting the shadow thickness, you can create subtle or bold shadow effects that enhance the overall design and aesthetic of your website.
In addition, you can refine the appearance of your text by adjusting the letter spacing option, which controls the space between individual letters. This feature provides you with the flexibility to fine-tune your content's readability and visual appeal, ensuring an optimal user experience for your audience
The text-align option provides you with the flexibility to arrange your text according to your desired alignment, be it left, center, right, or justified. This feature enables you to tailor the presentation of your content to suit your preferences and enhance the overall visual appeal of your website.
You can modify the font size of mobile and desktop devices by using the size bars for each text or content element. View your edits for each platform by toggling between mobile and desktop views in the top left corner of your funnel builder.
You have the option to modify the typography font of your text, allowing you to either utilize the headline or content font that you've previously chosen for your funnel/website or select a custom font from the available dropdown menu.
Incorporating an icon into your webpage can be easily achieved by browsing through the available options or utilising the search bar to pinpoint the exact icon you desire. This feature offers you a wide range of icons to choose from, allowing you to enhance the visual appeal and functionality of your content.
Color
When a text isn't in bold form, you can only adjust its colours here
Bold Text Colour
If a text is in bold form, you can only adjust its colours here.
Italic Text Color
You can only edit an italic text colour here
Underline Text Color
You can only edit an underlined text colour here
Link Text Color
If you have a link added to this page, you can only edit the link colour here
Icon Colour If you have an icon added to this page, you can only edit the icon colour here. Only the icon colour will change regardless of the position it's placed.
There are different spacing options available for adjusting your content. Depending on the Edit option you are working on, the settings will only apply to that option. For example, if you are editing a particular Row (the BLUE box), only every content in that Row will follow the command of what settings you make.
These four (4) different toggle bars move the content to either the left, right, top, or bottom depending on the toggle bar you click on.
You can adjust the top or bottom margin of your content by toggling its bars.
You can choose the type of border you want. Once you select any of the border types, the settings for the border pop up;
There are three (3) Different styles for your border, It could be a solid, Dashed, or Dotted border.
When you increase the border width, it increases the thickness of the border.
To change the colour of the border, click on this colour icon. Choose a colour, or add a custom colour by typing the code into the given field.
Adjusting the radius of your border curves the edges of the border, the higher the number you select, the curvier it becomes.
You can decide the corner of the border you want to curve, either all edges, Top only, or bottom edge only.
The Line Height option empowers you to modify the height of the Element box by simply dragging the size bar, allowing you to either expand or condense its dimensions as needed.
The Text Transform feature allows you to effortlessly alter your text by converting it into uppercase, lowercase, or capitalising each word. This versatile tool provides you with the flexibility to customise the appearance of your content, ensuring a visually appealing and engaging experience for your audience.
Control the visibility of your page on desktop, mobile, or both by selecting the respective options under the Visibility feature. You can hide elements from the desktop or mobile view to customise the user experience.
To incorporate a Custom Class into your design, simply enter the preferred class name into the designated Custom Class field. This feature allows you to personalise your content by applying custom styles and attributes.
To duplicate the CSS Selector of a specific reference number, simply locate the copy icon situated on the right side of the desired reference number and click on it. This action enables you to effortlessly copy the corresponding CSS Selector, which then can be used on another website.
