Local > Sections > Media with text overlay

Media with text overlay

This is one of the theme's most versatile sections, with support for different layouts, text styles, images or video backgrounds, a lot .. You can choose the number of columns, the card's height, play with the text sizes and inside each individual block you have a place for a background image or a video, and a few lines of text. Each block has it's own color options so it can really adapt to any kind of backgrounds.

Media with text overlay – section options

Desktop layout - Defines how the media is arranged on desktop devices.

Card height - Controls the height of the section for better proportion and layout: Small, Large, Extra large.

Text alignment - Positions the text within the media overlay.

Text container width - Defines how wide the text area should be:

• Medium – A balanced width.
• Large – Expands text width for better readability.

Caption size - Controls the font size of the caption text, available in small, regular, or large.

Title size - Adjusts the size of the main heading to small, regular, or large.

Subtitle size - Defines the subtitle text size, with regular and large options.

Button size - Customizes the call-to-action button size:

• Regular – Standard button size.
• Large – Increases button size for better visibility.

Button style - Determines the appearance of the button:

• Outline – A button with a transparent background and border.
• Solid – A fully filled button for stronger emphasis.

Media with text overlay – card options

Image - Upload or select an image that will serve as the background for the card.

Video file - Optionally upload a video file instead of an image. If the video cannot be played, the uploaded image will be used as a fallback.

Caption - A short introductory text that appears above the title, useful for categories like “Introducing” or “New Arrival.”

Title - The main heading of the card, designed to grab attention (e.g., “Your Best Promotion Yet”).

Subtitle - A secondary description providing more context about the offer, product, or announcement.

Link - A URL field where merchants can attach a clickable link to the title, button, or the entire card.

Open link in a new window - When enabled, clicking the link opens a new browser tab instead of replacing the current page.

Button label - Defines the call-to-action (CTA) text on the button (e.g., “Shop Now” or “Learn More”).

Overlay - Adjusts the overlay color applied over the media, helping improve text visibility.

Text - Allows merchants to customize the text color for better contrast.

Hide border - Toggles the visibility of the card border for a cleaner look.

Hide shadow - Removes the drop shadow effect, giving the card a flatter appearance.