Theme Section - Text Box and Background

The Text Box & Background section lets you showcase a bold message over an image background — perfect for highlighting promotions, announcements, or brand statements. With customizable layout and styling options, you can tailor the section to seamlessly match your store’s aesthetic.

📌 Key Features

• Stand out with text over an image

  Place impactful text directly on top of a full-width image for maximum visibility.

• Add depth with a parallax effect

  Enable a smooth scrolling parallax effect to create visual movement and dimension.

• Fully customizable to match your store

  Adjust colors, text styles, alignment, spacing, and overlays to suit your branding.

Installing the Text Box & Background theme section to your Shopify theme

Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it from the Theme Sections & AI Pages app.

For a complete list of instructions, you may refer to this article: Getting Started with Theme Sections and AI Pages app

Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > 🩷 Square: Text Box & Background :

Customizing the Text Box & Background Theme Section

Customizing this theme section is easy, as all its appropriate settings are already found inside the theme editor. You just need to click on a specific element of the theme section (on the left sidebar), and its customizable settings will appear on the right sidebar.

Removing a Theme Section

Removing an unwanted theme section is as easy as clicking the Remove section button after selecting a theme section:

💡 Pro Tips

• Use a high-contrast overlay if your background image is busy.
• Keep text short and clear—this section is designed for strong statements.
• Choose imagery that complements the message, not distracts from it.
• Test on mobile to ensure the text scales and remains readable.