Rich text

Overview:

The Rich Text section is designed for adding customizable text content to a Shopify store. It allows for captions, headings, descriptions, and buttons, offering flexibility for branding, announcements, or storytelling.


Section Configuration:


Layout & Styling Settings

Setting Description
Max Content Width Adjusts the width of the text content as a percentage of the page width. Default: 60%.
Text Alignment Aligns text to the left, center, or right. Default: center.
Color Scheme Applies a predefined color scheme. Default: scheme1.
Top Padding Adds spacing above the section. Range: 0–100px. Default: 36px.
Bottom Padding Adds spacing below the section. Range: 0–100px. Default: 36px


Block Configuration:


Caption Block

Displays a small, emphasized text above the main heading.

Setting Description
Text The caption content. 
Size Small, medium, large, or x-large. Default: medium.
Font Weight Bold, semi-bold, medium, or normal. Default: bold.
Bottom Spacing Adjusts space below the caption. Range: 0–50px. Default: 25px.

Heading Block

The main title of the section, with optional background image clipping.

Setting Description
Text The heading content. 
Size h1, h2, h3, or h4. Default: h4.
Font Weight Bold, semi-bold, medium, or normal. Default: bold.
Clipped Background Option to upload an image for text clipping effect.
Bottom Spacing Adjusts space below the heading. Default: 25px.

Description Block

A paragraph-style text block for adding detailed content.

Setting Description
Text Rich text content for description.
Size Small, medium, large, or x-large. Default: x-large.
Font Weight Bold, semi-bold, medium, or normal. Default: normal.
Bottom Spacing Adjusts space below the description. Default: 14px.

Button Block

Adds a clickable button for calls to action.

Setting Description
Label The text displayed on the button. Default: "BUTTON LABEL".
Type Primary or secondary style. Default: primary.
Link URL to redirect users.
Open in New Window Option to open the link in a new tab. Default: false.
Bottom Spacing Adjusts space below the button. Default: 14px.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us