Feature Lists

The Feature List section is designed to highlight the unique selling points of your product or service. It can display features with icons are related imagery. The section is visually appealing and informative, enhancing the trust and confidence of potential customers.

Section customization Settings

The customization settings for the Feature List section are divided into several categories: Icon Style, Icon Color, Slide Settings, Heading, Button, Content Style, Appearance, Theme Settings, and Custom CSS. Each setting allows for precise adjustments to match your brand’s style and needs.

1. Icon Style

• Options: Tick, Arrow, Star, Count, Diamond
  • Choose the style of icons used in the feature list. Each icon style has a distinct visual representation, allowing you to align the design with your brand’s aesthetics.

2. Icon Color

• Background: Set the background color of the icons.
• Line Color: Set the line color of the icons.
  • Adjust the colors to match your theme’s color palette.
• Enable Auto-Rotate: Toggle this option to enable or disable automatic icon rotation.
  • When enabled, icons will rotate at set intervals, adding a dynamic visual effect.

3. Slide Settings

• Change Slides Every: Set the interval (in seconds) for slide transitions.
  • Define how frequently the slides should change when auto-rotate is enabled. Adjust the slider to set the desired interval.
• Change Slide On: Choose between Click or Hover to change slides.
  • Select how users can interact with the slides. Hover functionality is only applicable on desktop devices.

4. Heading

• Heading Text: Enter the heading for the feature list.
  • Provide a concise and engaging heading for your feature list. This text appears at the top of the section.
• Heading Content Alignment: Options to align the heading text (left, center, right).
  • Align the heading text according to the overall design of your page.

5. Button

• Label: Enter the text for the button.
• Link: Provide the URL for the button link.
• Action: Choose whether the link opens in a new tab or the same tab.
  • Customize the call-to-action button to guide users to the next step, such as learning more about your product or making a purchase.
• Button Alignment: Options to align the button (left, center, right).
  • Align the button based on the layout of your section.

6. Content Style

• Desktop Style: Options for content layout on desktop devices (Collapsible, 2 Column).
  • Choose how the content is displayed on larger screens. Collapsible allows for expandable sections, while 2 Column displays features side by side.
• Mobile Style: Options for content layout on mobile devices (Collapsible, Carousel).
  • Optimize the viewing experience for mobile users by selecting an appropriate layout style.

7. Appearance

• Padding Top: Adjust the padding at the top of the section.
• Padding Bottom: Adjust the padding at the bottom of the section.
  • Fine-tune the spacing around the feature list to ensure it fits well within your page layout.
• Color Scheme: Select and edit the color scheme for the section.
  • Customize the overall color scheme to match your brand’s identity.
• Background Color: Set the background color for the section.
  • Choose a background color that complements the rest of your page.

By adjusting these settings, you can create a Feature List section that effectively highlights the key benefits of your product or service, enhances your brand’s visual appeal, and provides a seamless user experience.

Block Customization Settings:

Block Settings

1. Image: Upload an image (1200 x 1200px recommended, .jpg format).
2. Custom Icon: Upload a custom icon to replace the default.
3. Feature Heading: Enter a clear and concise name for the feature.
4. Content: Use the text editor to add a description, format the text as needed.