Bullet List

Bullet lists are a powerful way to present information clearly and concisely. They help engage your audience, improve readability, and elevate the overall user experience. Adding bullet lists to your page is simple and intuitive—just select the element, drag it into your editor, and customize it to fit your design.

General Settings

Element Name/Title

You can rename the default title of the bullet list element to facilitate navigation while building your funnel page. This will help you quickly identify and manage different sections of your page.

Background Color

To change the background color of your bullet list, select the content you want to modify and choose your preferred color. If you can't find the color you want, input the color code and click the "add color" button to include custom colors.

Opacity

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 customize the appearance of your content, adding depth and visual interest to your page.

Letter Spacing

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

Text Align

The text-align option allows you to arrange your text according to your desired alignment, whether 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.

Mobile and Desktop Font Size

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.

Mobile and Desktop Font Weight

Adjust the thickness of your text for both mobile and desktop views. Choose from options like light, regular, bold, or extra bold to ensure your text stands out and matches your design style.

Typography Type

You can modify the typography of your text. You can either use the headline or content font you've previously chosen for your funnel or website or select a custom font from the dropdown menu.

Icon

Incorporating an icon into your webpage is easy. Browse through the available options or use the search bar to pinpoint the exact icon you desire. This feature offers a wide range of icons to choose from, allowing you to enhance the visual appeal and functionality of your content.

Color Options

• Color: When a text isn't in bold form, you can only adjust its colors here
• Icon Color: If you have an icon added to this page, you can only edit the icon color here. Only the icon color will change regardless of the position in which it's placed.
• Link Text Color: If you have a link added to this page, you can only edit the link color here.

Spacing Option

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 the content in that Row will follow the command of what settings you make.

• Padding Left, Right, Top, and Bottom: 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.
• Margin Top and Bottom: You can adjust the top or bottom margin of your content by toggling its bars.

Animations Settings

Entrance Animation

Choose an animation effect for when the bullet list first appears on the page.

Advanced Settings

Box Shadow

Add a shadow effect to your bullet list to make it stand out. Adjust the shadow thickness to create subtle or bold effects, enhancing the overall design and aesthetic of your website.

Text Shadow

To elevate the visual appeal of your text or content, consider incorporating a shadow effect using the shadow thickness option. 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.

Border Options

• Border: You can choose the type of border you want. Once you select any of the border types, the settings for the border pop up;

• Border Style: There are three (3) Different styles for your border: Solid, Dashed, or Dotted.

• Width: When you increase the border width, it increases the thickness of the border.

• Color: To change the color of the border, click on this color icon. Choose a color or add a custom color by typing the code into the given field.

• Radius: Adjusting the radius of your border curves the edges of the border, the higher the number you select, the curvier it becomes.

• Radius Edge: You can decide the corner of the border you want to curve, either all edges, Top only, or bottom edge only.

Line Height

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.

Text Transform

The Text Transform feature allows you to effortlessly alter your text by converting it into uppercase or lowercase or capitalizing each word. This versatile tool provides you with the flexibility to customize the appearance of your content, ensuring a visually appealing and engaging experience for your audience.

Visibility

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 customize the user experience.

Custom Class

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 personalize your content by applying custom styles and attributes.

CSS Selector

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 copy the corresponding CSS Selector, which then can be used on another website.

Bullet lists are a simple yet effective way to organize and present information. With these customization options, you can create lists that are not only functional but also visually appealing.