Rich Text

Rich Text (Section)

This section is designed to present text-based content with flexible layout, background options, and layered text containers. It supports multiple text blocks and optional background styling.

General Settings

Layout

Top Padding

• Controls the spacing above the Rich Text section.

  Bottom Padding

• Controls the spacing below the Rich Text section.

• Container Height
• Sets a fixed height for the section container.
• Useful for creating balanced layouts or hero-style text areas.

Background

• Background Type

  • Controls the background style of the section.

    Options:

• None – no background
• Color – solid background color
• Image – background image

Image Alt Text

• Descriptive alt text for the background image.

• Improves accessibility and SEO.

  Image Link

• Optional link applied to the background image.

  Image Link Target

• Controls how the background image link opens:
  • Same window
  • New window

Text Container

• Text Container Color
  • Sets the background color of the text container.

  • Useful for improving contrast over images.

    Text Container Opacity

  • Controls the transparency level of the text container.
  • Allows text to remain readable while showing the background underneath.

Custom Styling

• Custom CSS
  • Allows section-specific CSS overrides for advanced customization.

Usage Notes

• Designed for editorial content, announcements, or informational sections.
• Supports layered text over image or color backgrounds.
• Container height and opacity settings help control visual balance.
• Works with multiple text blocks for structured content.

• Background settings apply to the entire section, while text styling is managed via blocks.

  
  
  

  Rich Text – Blocks

  The Rich Text section supports multiple block types that can be added, reordered, or removed freely to build flexible text-based layouts.

• Heading block

  Used to display the main heading or title content.

  Settings

  • Heading text

    The main heading content.

  • Heading size

    Select the HTML heading level (H1, H2, H3, H4, H5).

  • Text color

    Controls the heading text color.

  • Text position

    Align the heading to the left, center, or right.

• Subheading block

  Used for secondary headings or supporting titles.

  Settings

  • Subheading text

    The subheading content.

  • Heading size

    Choose the heading level (H2, H3, H4, H5, H6).

  • Text color

    Controls the subheading color.

  • Text position

    Align the subheading to the left, center, or right.

• Caption block

  Used for descriptive or supporting text content.

  Settings

  • Description text

    Rich text editor supporting formatting, links, and lists.

  • Text alignment

    Left, center, or right alignment.

  • Content width

    Defines the maximum width of the text content (in pixels).

  • Text color

    Controls the caption text color.

  • Text truncate

    Limits the text length by character count.

• Button block

  Used to add a call-to-action button.

  Settings

  • Button text

    Label displayed on the button.

  • Button link

    URL or page the button links to.

  • Button link target

    Open link in the same window or a new window.

  • Show button

    Toggle to show or hide the button.

  • Button text color

    Controls the button label color.

  • Button background color

    Sets the button background color.

  • Button hover color

    Background color on hover.

  • Button position

    Align the button to the left, center, or right.

• Notes

  • All blocks are optional and can be combined freely.
  • Blocks can be reordered to create custom layouts.
  • Heading hierarchy supports SEO-friendly structures.
  • Text and buttons inherit the section’s color scheme unless overridden.