Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Color and option swatches
      • Device specific visibility
      • Discount popups
      • Article template
      • Blog template
    • Wholesale
      • Wholesale basics
      • Account restrictions
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
      • Search drawer
      • Menu drawer
      • Discount
      • Account drawer
      • Custom liquid
      • Store locater
    • Navigation
      • Navigation links
    • Content and Media
      • Banner
      • Image hotspot
      • Slideshow
      • Countdown
      • Slider
      • Video
      • Split banner
      • Testimonial slider
      • Search banner
      • Marquee
      • Rich text
      • Blog posts grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
      • Testimonial grid
    • Products and Collections
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Forms
      • Contact form
      • Email sign-up
      • Sign-up form
      • Tool tip
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
      • Knit
      • Kingpin
      • Kindred
      • Kettle
      • Kaleidoscope
Powered by GitBook
On this page
  • Section overview
  • Section Settings
  • Block Settings
  • Text Section
  • Section Overview
  • Section Settings
  • Block Settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Content and Media

Rich text

Section overview

The Rich text section provides a flexible rich text area with customizable heading, content, and button elements.

Common Use Cases

  • Product descriptions or introductions

  • Announcements and promotional messaging

  • Brand storytelling or mission statements

  • Call-to-action areas with supporting text

Usage Tips

  • Keep content concise and focused on a single message or purpose

  • Use the column width setting to create visual interest in your layout

  • Ensure button text clearly indicates the action users will take

  • On mobile, content will stack vertically, so test how your text appears at smaller screen widths

Section Settings

Setting
Description

Heading

The main title text to display in the section

Content

Rich text content to display below the heading

Button label

Text to display on the button

Button url

The destination URL when the button is clicked

Top spacing

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

Bottom spacing

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

Color scheme

Determines the background and text color of the section

Border color

Sets the color of any borders applied to the section

Button color

Controls the styling and color of the section's button

Border position

Determines where borders appear on the section

Text alignment

Controls the horizontal alignment of text within the section

Horizontal alignment

Sets the horizontal positioning of content within the section

Column width

Controls the width of the content column as a percentage (20-100%)

Enable margin

Toggles whether the section respects the theme's margin settings

Visibility

Controls whether the section appears on mobile, desktop, or both

Block Settings

This section does not contain any blocks.I'll create comprehensive documentation for the text section in markdown format according to your requirements.

Text Section

Section Overview

The Text section provides a flexible rich text area with customizable heading, content, and button elements.

Common Use Cases

  • Product descriptions or introductions

  • Announcements and promotional messaging

  • Brand storytelling or mission statements

  • Call-to-action areas with supporting text

Usage Tips

  • Keep content concise and focused on a single message or purpose

  • Use the column width setting to create visual interest in your layout

  • Ensure button text clearly indicates the action users will take

  • On mobile, content will stack vertically, so test how your text appears at smaller screen widths

Section Settings

Setting
Description

Heading

The main title text to display in the section

Content

Rich text content to display below the heading

Button label

Text to display on the button

Button url

The destination URL when the button is clicked

Top spacing

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

Bottom spacing

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

Color scheme

Determines the background and text color of the section

Border color

Sets the color of any borders applied to the section

Button color

Controls the styling and color of the section's button

Border position

Determines where borders appear on the section

Text alignment

Controls the horizontal alignment of text within the section

Horizontal alignment

Sets the horizontal positioning of content within the section

Column width

Controls the width of the content column as a percentage (20-100%)

Enable margin

Toggles whether the section respects the theme's margin settings

Visibility

Controls whether the section appears on mobile, desktop, or both

Block Settings

This section does not contain any blocks.

Last updated 1 month ago

Was this helpful?