Features Breakdown: Icons Bar (Trust & Features) This section is designed to display "Trust Badges," "Key Features," or " guarantees" (like Free Shipping, Secure Payment) in a clean, responsive grid. It supports both standard images and raw SVG code for perfectly sharp icons.

1. Responsive Grid System

• Column Control: Define exactly how many icons appear in a row.

  • Desktop: Choose between 1 to 6 columns.

  • Mobile: Toggle between 1 Column (Stacked) or 2 Columns (Grid).

• Grid Alignment: Choose how the grid sits on the page (Centered, Left Aligned, or Space Between).

• Gap Control: Fine-tune the spacing between icons with independent sliders for Desktop and Mobile gaps.

2. Icon Management (SVG & Image)

• Dual Input Methods:

  • SVG Code (Priority): Paste raw <svg> code for infinitely scalable, sharp icons that automatically inherit the section's Icon Color setting.

  • Image Upload: Upload your image.

• Sizing: Independent pixel sliders to control the Icon Size for Desktop vs. Mobile.

• Coloring: Set a global Icon Color (applies specifically to SVG paths using currentColor).

3. Typography & Text

• Structure: Each block includes a bold Heading and a smaller Description.

• Alignment: Align text to the Center (default) or Left.

• Font Styling:

  • Source: Use the global Theme Font or force a specific Custom Font.

  • Responsive Sizes: Individual sliders for Heading Size and Description Size (Desktop vs. Mobile).

  • Colors: Distinct color pickers for Headings and Description text.

4. Layout & Spacing

• Container Width: Choose between Theme Standard Width or a Custom Max-Width (px).

• Padding Matrix: Complete control over Side Padding (Left/Right) and Vertical Padding (Top/Bottom) with separate values for Mobile and Desktop.

5. Visibility

• Device Hiding: Checkboxes to hide the entire section on Mobile Only or Desktop Only.

6. Block Content

• Icon Block: Contains the Media (Image/SVG), Heading text, and Description text. Add as many as needed; they will wrap according to your column settings.