Rich Text
The Rich Text Section allows you to add customizable text content to your store’s pages. It is ideal for displaying announcements, brand messaging, promotional details, or any important information in a structured format.
Go to Shopify Admin > Online Store > Themes.
Click Customize on your active theme.
In the theme editor, click Add Section > Rich Text.
Settings & Customization
Layout
Expand to Full Width : Enable this option to extend the richtext section across the entire screen width.
Color scheme: You can customize the section’s appearance by changing the text color, background color, and more using preset color options.
Background Opacity : Adjust transparency (Range: 0–100 %, Default: 100%). This applies to the background image, customizable in theme settings.
Content Settings
Title Container Width : Customize the width of the content container (e.g., 85%). The content width is automatically optimized for mobile devices.
Desktop Content Alignment : Choose the text alignment for desktop ( Left, Right & Center ). The content alignment is automatically centered on mobile screens.
Section padding
Top Padding : Adjust spacing above the section.
Bottom Padding : Adjust spacing below the section.
Shapes
Shaper – Adds shape effects to the section. Options: Shaper Top, Shaper Bottom, Shaper Both, None, Border Top, Border Bottom, and Both Border.
Shaper Top Color : Sets the top shape color (choose your preferred color).
Shaper Bottom Color : Sets the bottom shape color (choose your preferred color).
Rich text Block
Heading
Heading : Set a custom title (e.g., "Hot & Top Trends").
Heading Size: Choose from heading size (Small, Medium, or Large).
Subheading
Subheading: Add additional text if needed.
Text
Text : Tell your brand's story through images.
Buttons
First button label : Customize the button text.
First button link : Paste a URL or use the search bar to link the button to a relevant page.
Open this link in a new window : Enable to open the link in a new tab.
Button style : Choose the button style (Primary, Secondary, or Hyperlink).
Second button label : Customize the button text
Second button link : Paste a URL or use the search bar to link the button to a relevant page.
Open this link in a new window : Enable to open the link in a new tab.
Button style : Choose the button style (Primary, Secondary, or Hyperlink).
Theme Settings & Customization
Adjust additional styles in Theme Settings.
Use Custom CSS for further design modifications.
Last updated