Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme colors
    • Theme typography
  • Guides
    • Color and option swatches
  • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing “Add to cart” for a product
  • Disabling "quick-add" for a product
  • Fixed buy buttons
  • Disabling default ratings when using a third party app
  • Migrateing custom changes
  • Different ways to display option blocks
  • Creating a Mapbox API key
  • Templates
    • Collection template
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections

Icon grid

Section overview

The Icon Grid section displays a customizable grid of icon cards with headings and descriptive content. It allows for flexible layout options with control over colors, spacing, and responsive behavior.

Common use cases

  • Showcase product features or benefits with icons and descriptions

  • Display service offerings or company values

  • Create a grid of informational content cards with visual elements

  • Highlight key selling points or unique value propositions

Usage tips

  • Use consistently sized icons (ideally SVGs) for a polished appearance

  • Keep headings concise and content brief for better readability

  • Consider mobile layout when configuring grid settings - fewer columns on mobile provide better visibility

  • Use color schemes that maintain sufficient contrast between icons, text, and backgrounds

Section settings

Setting
Description

Heading

Main section heading text

Content

Rich text content for the section

Button label

Text for the optional button

Button URL

Link destination for the button

Spacing top

Amount of space above the section (in pixels)

Spacing bottom

Amount of space below the section (in pixels)

Color scheme

Background and text color combination for the section

Border color

Color for section borders

Button color

Style and color for the section button

Border position

Position of borders on the section

Row desktop

Number of columns in the grid on desktop devices

Row mobile

Number of columns in the grid on mobile devices

X alignment

Horizontal alignment of content within the section

Visibility

Controls whether section appears on all devices, only mobile, or only desktop

Block settings

Icon

The Icon block creates a card containing an icon, heading, and descriptive text with customizable layout and styling options. Limited to 20 blocks per section.

Setting
Description

Icon

Image to use as the icon (recommended 256px)

Icon height

Size of the icon (small, normal, or large)

Heading

Heading text for this block

Content

Rich text content for this block

Enable padding

Adds padding inside the block

Color scheme

Background and text color combination for this block

Border color

Color for block borders (subtle, strong, or none)

Alignment

Layout direction (horizontal or vertical)

X alignment

Horizontal text alignment (left, center, or right)

Row span

Number of rows this block should span in the grid

Column span

Number of columns this block should span in the grid

Last updated 26 days ago

Was this helpful?