Text with Icons Type 2

Text blocks paired with icons (style variant 2).

Footer -> Text with icons type 2

The documentation section allows flexible customization through two main parts: the section itself with its own settings, and the Blurb subsection which has additional options. You can add as many Blur sections as needed to build your content.


Section Settings

This part controls the overall layout and appearance of the documentation section:

  • Heading, Subheading, Description: You can add a main heading, a subheading, and a descriptive text to introduce the section.

  • Heading Alignment: Choose how the heading aligns—either left or center aligned.

  • Layout: Adjust the overall layout including:

    • Top Spacing: Choose the vertical spacing above the section; options include None, Small, Medium, Normal. The "None" option applies only on the home page.

    • Width: Select how the section stretches on the page:

      • Default: Standard width.

      • Boxed: Content is contained within a boxed layout.

      • Wide: Expands to wide screens (1440px and above).

  • Number of Columns: Define how many columns the section should display on desktop (from 2 up to 8) and on tablets (2 to 4). This controls the horizontal distribution of content blocks.

Blurb Settings

Each Blurb is a customizable content block within the section with specific formatting options:

  • Align text relative to icon: You can set the text alignment inside each Blurb—left or center.

  • Heading Size: Choose the heading size for the Blurb from Medium, Small, Extra Small to Small (note some overlap in options).

  • Icon Width: Adjust the icon size inside the Blurb, ranging from 20 to 100 pixels wide.

  • Show Icon Box: Toggle the display of a background box around the icon to highlight it.

  • Icon Box Roundness: Control the rounding of the icon box corners from 0px (square) to 10px (rounded).

  • Underline on Hover: Enable an underline effect on the text when hovered, adding interactive feedback.

Together, these options provide detailed control over both the overall section structure and the individual content elements, letting you tailor the documentation appearance precisely to your design needs. You can combine multiple Blurbs within a section for a rich and varied presentation.

Last updated