Brickspace Lab
Contact usContact ShopifyTry a theme
Space
Space
  • Space documentation
  • Getting started
    • Selecting theme colors
  • Theme typography
  • Guides
    • Using color and option swatches
    • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing "Add to cart" for a product
  • Disable "quick add" for a product
  • Templates
    • Collection template
  • Product template
  • Blog template
  • Article template
  • Sections
    • Sections
      • Announcement
      • Header
      • Cart drawer
      • Menu drawer
      • Search drawer
      • Footer
      • Tooltip
      • Fixed menu
      • Featured product
      • Footer
      • Fixed menu
      • Slideshow
      • Email sign-up
      • Video
      • Alt collection grid
      • Banner
      • Block reveal
      • Blog posts grid
      • Collage
      • Collapsible content
      • Collection list grid
      • Collection list slider
      • Collection slider
      • Comparison table
      • Contact form
      • Countdown
      • Custom liquid
      • Discount
      • Featured collection grid
      • Icon grid
      • Image hotspot
      • Logo list
      • Marquee
      • Navigation slider
      • Product list
      • Recently viewed
      • Rich text
      • Search banner
      • Slider
      • Split banner
      • Static chat
      • Store locater
      • Tabs
      • Testimonial grid
      • Testimonial slider
      • Text highlight
  • General
    • Changelog
      • v2.1.1
      • v2.1.0
      • v2.0.0
      • v1.2.1
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
      • v2.0.0
    • Cloning a demo theme
      • Shimmer
Powered by GitBook
On this page
  • Section overview
  • Section Settings
  • Block Settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Sections

Rich text

Section overview

The Rich text section provides a simple yet flexible way to add formatted rich text content to your store with optional headings and buttons.

Common Use Cases

  • Product descriptions and introductions

  • Announcements and promotional messages

  • Company information and mission statements

  • Call-to-action areas with descriptive text

Usage Tips

  • Keep text concise and focused on a single topic for better readability

  • Use headings to break up text and improve scanability

  • Consider using a narrower column width (50-70%) for better readability on desktop

  • For mobile, ensure text is properly sized and readable by testing in the preview

Section Settings

Setting
Description

Heading

The main title displayed at the top of the section

Content

Rich text content to display in the section

Button label

Text to display on the optional button

Button url

URL the button links to when clicked

Top spacing

Controls the padding above the section (0-300px)

Bottom spacing

Controls the padding below the section (0-300px)

Color scheme

Background color theme for the section

Custom color

Custom background color when "Custom" is selected as color scheme

Text color

Force light or dark text, or use theme defaults

Border color

Color of the border (subtle or strong)

Button style

Visual style of the button (primary, secondary, tertiary, etc.)

Enable color fade

Enables smooth color transition as user scrolls

Border position

Position of borders (none, top, bottom, or both)

Text alignment

Horizontal alignment of text (left, center, right)

X alignment

Horizontal position of content within the section

Column width

Width of the content column as percentage of container

Enable margin

Apply horizontal margins to the section

Visibility

Control section visibility across device types

Block Settings

This section does not contain any blocks.

Last updated 1 month ago

Was this helpful?