User Guide

Search limit to:






Text with image cards

by Admin on Oct 01, 2025

1. What is Text with image cards?

The Text with image cards section is a stylish layout feature that organizes content into multiple cards, each combining text and images. The section is ideal for highlighting key details, showcasing products, or presenting services.


2. Section Components

Section

Add a section showing multiple text and image cards in 2 layouts: Vertical or Horizontal.

Available block

Used to add a card (that has image and text inside) to the section.

3. Location & Setup

  1. Go to "Online Store" > "Themes" > "Customize"
  2. Select where you want to place it
  3. Click "Add Section"
  4. Search for Text with image cards
  5. Click on it to add.

4. Core Features

  • Optimized card layouts: Seamless display on desktop and mobile.
  • Fully customizable: Each card can have Image, Text, and Button.
  • Drive engagement: Images can link to products, collections, or any destination.

5. Common Use Cases

🤔 How to set up Text with image cards section?

If you want to display key information and images through the Text with image cards section, follow this:

STEP 1: Add a section

  • Add the Text with image cards section.

STEP 2: Customize each block’s content

By default, the Text with image cards section includes 4 Card blocks. You can delete, hide, or add more blocks as needed. Customize:

  • Image: Upload or select an image from free sources.
  • Heading: Define the main title for the card.
  • Text: Enter description or details.
  • Button label & Button link: Add a clickable button.

STEP 3: Adjust section layout

  • Layout: Horizontal or Vertical.
  • Image style: Portrait, Round, Square, etc.

If you want more detail, read How to adjust the Text with image cards layout?

STEP 4: Click “Save”

 

🤔 How to adjust the Text with image cards layout?

STEP 1: Click on the section to open settings.

STEP 2: Choose layout style under Card group:

  • Horizontal or Vertical layout
  • Content alignment: Left, Center, Right
  • Image style

STEP 3: Customize for Desktop & Mobile

  • Desktop: Set number of cards per row (max 4), adjust spacing
  • Mobile: Set number of cards per row (max 2), adjust spacing

STEP 4: Click “Save”

 

🤔 How to enable carousel for Text with image cards?

STEP 1: Click on the section to open settings.

STEP 2: Under Carousel group:

  • Toggle Enable carousel on desktop (active when 5+ cards)
  • Toggle Enable swipe on mobile

STEP 3: Set autoplay timing (0–10s). Leave at 0 to disable.

STEP 4: Click “Save”

 

🤔 What customization options can you give your Text with image cards?

For the whole Text with image cards section:

✨ Change color scheme:

Choose light/dark mode in Color scheme.

✨ Change heading size:

Small / Medium / Large

✨ Change heading tag (SEO)

Select a heading tag.

✨ Change heading alignment

Left, Right, or Center.

✨ Change section width, add padding/divider

Scroll to Section layout group for controls.

For a single Card block:

✨ Change heading size:

Small / Medium / Large for block heading.

✨ Change button style:

Select Primary or Secondary style.

Need help? Contact our support team at Omni Themes Support.