Rich text section
The Rich text section of Combine shows a card of heading, text, button and rating blocks, with an optional image or video beside it.
Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Rich text section shows a card of headings, text, buttons and ratings, with an optional image or video beside it or above it. You arrange the content of the card with blocks.
Where to find it: in the theme editor, select Add section and choose Rich text with image, Fullwidth text banner or Heading text. The three are the same section with different starting settings.
Image or video
- Image is the picture next to the text. Video plays an uploaded video instead; the image shows when the video cannot play.
- Show video controls adds play, pause and sound controls to the video. Without them, the video plays muted in a loop.
- Use different media on mobile shows Mobile video file on small screens, with its own Mobile video aspect ratio.
- Image position puts the media On the left, Above the text, On the right (the default) or hides it with Don't show image.
- Fill image area (on by default) crops the image to fill the full height of the card on desktop. Turn it off to show the whole image. On mobile the image always shows in full.
Card layout
- Card height sets the minimum height of the card on desktop: Small (40 percent of the screen height), Medium (60 percent, the default) or Large (80 percent). On mobile the card is as tall as its content.
- Fullwidth stretches the card to the edges of the screen, with square corners.
- Text alignment aligns the blocks Left, Center (the default) or Right.
- Text spacing sets the gap between the blocks, from -12 to 60 px (default 24 px).
Custom card design
- Background, Text and Border set the card's colors. Leave them transparent to use the page colors.
- Border radius rounds the corners of the card, 0 to 30 px.
- Hide border removes the line around the card.
- Decrease top margin, Remove top margin and Remove bottom margin under Gutter work as described in General section styling. Remove bottom margin helps when an image section follows the card.
Blocks
The card holds up to 9 blocks, shown in the order of the sidebar. Each block type can be added more than once.
Custom HTML / Liquid
Custom Liquid runs your own HTML or Liquid code inside the card. Krown support does not provide help with custom code.
Heading
- Heading is the title text.
- Heading size is Regular, Large (the default) or Extra large.
- Heading tag under SEO sets its HTML level (default H2).
Text
- Text is a paragraph with bold, italic, links and lists.
- Text size is Regular or Large.
Button
- Button label and Button link set the button text and where it goes. Open link in a new window appears once a link is set.
- Button style is Outline (the default) or Solid.
Image
A small image inside the card, such as a logo or a signature. Height sets its height, 40 to 240 px (default 80 px); the width follows its proportions.
Star rating
- Rating fills the five stars from 0 to 100 percent (default 80 percent, four stars).
- Caption is the text next to the stars. Star color sets their color.
Empty space
Height adds extra space between two blocks: Small (none of its own, one more gap), Medium (20 px) or Large (40 px).
How do I put two buttons side by side?
Not in the Rich text section: its blocks always stack. Use a Flex slideshow, Flex cards or Flex columns section, where a Content group block puts buttons in one row.
Why is my image cropped?
Because Fill image area is on, which crops the image to the height of the card on desktop. Turn it off to show the whole image, or lower Card height.
All Rich text settings
Every setting of this section, with its type and default.
Accepts these blocks: Custom HTML / Liquid, Heading, Text, Button, Image, Star rating and Empty space (up to 9 blocks in the section).
Image (image): Sets the picture next to the text.
Video (video): Plays an uploaded video instead of the image. The image shows when the video cannot play.
Show video controls (checkbox, default: off): Adds play, pause and sound controls. Without them the video plays muted in a loop.
Use different media on mobile (checkbox, default: off): Shows a different video on screens narrower than 768 px. Shown only when Video is set.
Mobile video file (video). Shown only when Use different media on mobile is on and Video is set.
Mobile video aspect ratio (dropdown, default: Natural): Sets the shape of the mobile video. Natural keeps the video's own proportions. Options: Natural, Wide (16:9), Short (4:3), Square (1:1), Tall (5:6), Taller (2:3), Tallest (9:16). Shown only when Use different media on mobile is on and Mobile video file is set and Video is set.
Image position (dropdown, default: On the right): Puts the image or video left of, above or right of the text, or hides it. Options: On the left, Above the text, On the right, No image: Don't show image.
Card height (dropdown, default: Medium): Sets the minimum card height on desktop: Small 40 percent of the screen height, Medium 60, Large 80. On mobile the card is as tall as its content. Options: Small, Medium, Large.
Fill image area (checkbox, default: on): Crops the image to fill the full card height on desktop. Off, the whole image shows. On mobile the image always shows in full.
Fullwidth (checkbox, default: off): Stretches the card to the edges of the screen, with square corners.
Text alignment (dropdown, default: Center). Options: Left, Center, Right.
Text spacing (slider -12 to 60 px, default: 24 px): Sets the gap between the blocks.
Rich text section: Custom card design
Where to find it: Rich text → Custom card design
Background (color, default: transparent): Sets the card background.
Text (color, default: transparent): Sets the card text color.
Border (color, default: transparent): Sets the color of the line around the card.
Border radius (slider 0 to 30 px, default: 0 px): Rounds the corners of the card.
Hide border (checkbox, default: off).
Rich text section: Gutter
Where to find it: Rich text → Gutter
The Rich text section uses the standard Gutter settings, listed in General section styling.
Decrease top margin (checkbox, default: off): Makes the space above the section smaller.
Remove top margin (checkbox, default: off): Removes the space above the section.
Remove bottom margin (checkbox, default: off): Pulls the next section up, so the two sections touch.
These settings differ from the standard ones or exist only here:
Remove top margin (checkbox, default: off): Removes the space above the section.
Custom HTML / Liquid block
Where to find it: Rich text → Add block → Custom HTML / Liquid
Custom Liquid (Liquid): Runs your HTML or Liquid code inside the card. Krown support does not help with custom code.
Heading block
Where to find it: Rich text → Add block → Heading
Heading (text field, default: "Talk about your brand").
Heading size (dropdown, default: Large). Options: Regular, Large, Extra large.
Heading block: SEO
Where to find it: Rich text → Add block → Heading → SEO
Heading tag (dropdown, default: H2): Sets the HTML level of the heading for search engines. It does not change the size. Options: H1, H2, H3, H4, span.
Text block
Where to find it: Rich text → Add block → Text
Text (rich text, default: "Use this text to share information about your brand with your customers. Describe a product, share…"): Sets the paragraph. Supports bold, italic, links and lists.
Text size (dropdown, default: Regular). Options: Regular, Large.
Button block
Where to find it: Rich text → Add block → Button
Button label (text field, default: "Show more").
Button link (link).
Open link in a new window (checkbox, default: off). Shown only when Button link is set.
Button style (dropdown, default: Outline). Options: Outline, Solid.
Image block
Where to find it: Rich text → Add block → Image
Image (image): Sets the picture next to the text.
Height (slider 40 to 240 px, step 2, default: 80 px): Sets the height of the small image; the width follows its proportions.
Star rating block
Where to find it: Rich text → Add block → Star rating
Rating (slider 0 to 100 %, step 10, default: 80 %): Sets how much of the five stars is filled: 20 percent per star.
Caption (text field).
Star color (color, default: #FFCC00): Sets the color of the filled stars and of the star outlines.
Empty space block
Where to find it: Rich text → Add block → Empty space
Height (dropdown, default: Small): Adds space between two blocks: Small adds no height of its own, Medium 20 px, Large 40 px. Options: Small, Medium, Large.
Related pages
- Media with text overlay section: text on top of the media.
- Flex sections: text cards with more block types.
- General section styling: the margin settings.