Center text and button in image banner

Topic summary

A user needed help centering text and a button within an image banner on their Shopify store.

Initial Solution:

  • Navigate to Shopify Customize
  • Open the Image Banner section
  • Select “Middle Center” from the Content Position dropdown
  • Save changes

Alternative CSS Solution:
If the built-in option doesn’t work:

  • Go to Online Store → Theme → Edit code
  • Open theme.liquid file
  • Add custom CSS code before the </head> tag

Outcome:
The user confirmed the solution worked and thanked the helper. The issue appears resolved using Shopify’s native positioning controls.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Trying to center the text and button on my image banner.
How can I do it please so it is in the center of the screen ?

thank you

https://wmqgez-r2.myshopify.com/

Hi @Artez ,

Go to Shopify Customize, open the Image Banner section, select “Middle Center” from the Content Position dropdown, and save.

Thanks!

Hi @Artez

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

thank you very much!