Local > Sections > Rich text
Rich text
Truly rich, you could design an entire page only with this section - that's how many options it has. You can set the card's minimum height, display cropped or natural images, on the right, on the left or on top.. You can even make the section fullwidth, stretching from one side of the screen to the other. Also, the text content is editable through blocks, so you can arrange the content as you desire.
Rich text - section options
Card height - Defines the minimum height of the card on desktop:
Small, Medium, Large – Adjusts the card’s size based on the amount of content. On mobile, height adjusts dynamically to fit content.
Image - Allows merchants to upload an optional image to accompany the text.
Image position - Determines where the image appears in relation to the text.
Fill image area - If enabled, the image will crop to fill the entire height of the card on desktop for a more uniform look. On mobile, images will always display fully.
Text container width - Controls the width of the text block: Medium, Large, Full – Adjusts how much space the text occupies.
Text horizontal alignment - Aligns text to the Left, Center, or Right for layout flexibility.
Text vertical alignment - Positions text within the section (Top, Middle, Bottom) when the image is placed to the left or right.
Text spacing - Adjusts spacing between text elements to create a more compact or spaced-out look.
Fullwidth - Extends the background of the section to fill the full width of the screen.
Background color - Allows merchants to set a custom background color for the entire section (visible only if the section is not fullwidth).
Background gradient - Adds a gradient effect instead of a solid background color.
Remove/decrease top margin - Eliminates or decreses extra spacing above the section for better alignment with adjacent content.
Custom card design: Adds custom colors for the content card - you can control background (overlaps the section background), text, accent, border and shadow colors.
Hide border and shadow - Allows you to control how the border and the shadow of the card is displaying or not.
Section visibility: You can control if you want to display the section on both desktop and mobile screens or only on a particular screen size (desktop or mobile).
