Adjust Width of Sense Theme Slideshow Text Container

Store Design
, ,

Topic summary

A user working with Shopify’s Sense theme needed to adjust the width of the slideshow text container that holds the heading, subheading, and button elements. They wanted to reduce the container width to eliminate excess space.

Solution provided:

  • Add custom CSS to the base.css file
  • Target .banner__box with min-width: 30% for screens wider than 767px
  • Set .slideshow__text and children to max-width: 100%
  • Remove right padding

Outcome:
The CSS solution successfully resolved the issue, allowing the user to control the text container dimensions as desired.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
3

mise.market

pwd: shopifyhelp