How to fix full width on image to text block - symmetry theme

Topic summary

Goal: Make the Symmetry theme’s “Image with text” section display full width (no right-side spacing), similar to a reference page.

Key points and fixes:

  • No editor setting exists; requires code changes. Core tweaks: set width/max-width/min-width to 100%, remove a 700px max-width constraint, and reset horizontal padding/margins to 0 on the container.
  • A collaborator accessed the store, implemented a custom full-width section (kept separate from the default), and added it to the live theme. Video links were shared to demonstrate the solution.

Outcomes:

  • Store owner confirmed the result matched the desired look.
  • Guidance: to make all “Image with text” sections full-width, insert the new custom section where needed and remove the original versions, rather than overwriting defaults.

Additional notes:

  • Other participants requested the CSS or similar help for their stores (no public code posted).
  • Screenshots and video links were central to illustrating the solution.

Current status:

  • After a theme update, the customizations were lost. The original poster requested help again for both the text block and video block. Discussion remains open.
Summarized with AI on December 13. AI used: gpt-5.

Hi guys!

I was wondering if anyone knows how to make the “image with text block” on the symmetry theme appear as full-width?

1 Like

Hi Cavier,

The “image with text” block already takes up the full width by default. Can you send a screenshot of what it currently looks like for you?

Hi! It’s not similar to the gallery. Take a look at the screenshot and you can see the its not full-width

Okay, thanks for clarifying. You can make it full-width by adjusting CSS properties like width, max-width and min-width. The value needs to be set to 100%. I can send a request to access your store and fix this. Provide your store’s URL if you need my help!

Where can i find this in the editor?

The theme’s developer hasn’t created a setting for this in the editor, so you can’t change it from there. You need to modify the source code.

Do you have time to help us fix this?

Sure, I just need your store’s URL to send a collaborator request

Hi @cavier

Would you mind to share your Store URL website? with password if its protected. Thanks!

https://cavier.no/
pw: vaiclu

Hi!
https://cavier.no/
pw: vaiclu

Is this the look you want?

Hi! you can see here how i want it to look https://www.etonshirts.com/us/en/page/our-legacy

I want the picture to have no space on the right side so its fully width

Is this good?

Oh! Yes. Thats perfect :slightly_smiling_face:

how can i implement this?

Unfortunately I can’t provide a step-by-step guide without access to your theme code. You need to reset the horizontal padding and margin to 0 on a container element. You also need to remove a CSS declaration that restricts the max-width to 700px. Quite difficult to do if you’re not a developer. I can send a request to access your theme code and fix this later today, if you want. All I want in return is a testimonial :slightly_smiling_face:

That would be fantastic. Will every image with text block be like this then?

If that’s what you want then yes. Just sent a request!

Thank you for the help! Just accepted your request :slightly_smiling_face:

1 Like