Hi! Is there anyway we can center the image in the image and text section of shopify dawn theme? Because whenever I choose the center option, only the text is centered, but the image still stays on the left side.
Topic summary
Issue: In Shopify’s Dawn theme, the “Image with text” section won’t center the image when the center option is selected; only the text centers, leaving the image aligned left and misaligned with content below.
Proposed approaches:
- Modify the section and its schema (settings JSON) to add/enable an image alignment option.
- Apply custom CSS to force the image container to center without editing schema.
Requests for details: Helpers asked for the store URL and a screenshot to diagnose layout specifics.
Latest updates provided by the requester:
- Store URL: https://2cb7cc-ab.myshopify.com/
- Password: testpage
- Screenshot showing centered text but left-aligned image, illustrating the misalignment.
Context notes:
- “Section and schema” refer to the theme’s section code and its settings configuration that control alignment options.
- The screenshot is important for understanding the exact layout behavior.
Status: No fix shared yet; awaiting targeted CSS/code guidance after reviewing the provided store preview.
You are using default image and text section so you have to modify the section and schema code to provide option for alignment and if you don’t want to modify then you can do with the css to make them center. please provide store url so i can help you.
Hello @NgocLe1
Please share the store URL and a screenshot of what do you trying to center align.
Link: https://2cb7cc-ab.myshopify.com/
Pass: testpage
When I tried to center the text and image, only the text would go in the middle, but the image stayed on the left, like in the picture. That’s why it doesn’t align with the text underneath it.
link: https://2cb7cc-ab.myshopify.com/
pass: testpage