Change width of text box in the banner.

Topic summary

Goal: Reduce the width of the banner’s text box to reveal more of the image on a Shopify store homepage.

What happened:

  • The OP asked how to decrease the text box width; couldn’t find the size attributes.
  • A helper provided steps to edit theme.liquid and add a code snippet above the tag. This first change reduced the text width only, not the text box.
  • After clarification, the helper replaced that snippet with a new one (added in the same place), targeting the text box width.

Actions/steps provided:

  • Online Store > Edit Code > theme.liquid.
  • Remove the initial snippet.
  • Add the updated snippet above the closing tag.

Outcome:

  • The OP confirmed the new code successfully narrowed the text box, exposing more of the banner image.

Notes:

  • Result screenshots were shared to illustrate the change.
  • The exact code content isn’t shown here, but inserting the revised snippet in theme.liquid was the key fix.

Status: Resolved; no remaining questions.

Summarized with AI on December 11. AI used: gpt-5.

Hi Moeed,

Wow, that was a fast response. I see your solution decreases the width of the text, but I’d like to decrease the width of the text box too.

Thank you for the assistance.

1 Like