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

[cavier]

Hi guys! 

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

[fadi_yousif]

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?

[cavier]

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

[fadi_yousif]

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!

[cavier]

Where can i find this in the editor?

[fadi_yousif]

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.

[cavier]

Do you have time to help us fix this?

[fadi_yousif]

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

[cavier]

https://cavier.no/
pw: vaiclu

[fadi_yousif]

Is this the look you want? 

[cavier]

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 

[fadi_yousif]

Is this good?

[cavier]

Oh! Yes. Thats perfect 🙂 

[cavier]

how can i implement this?

[fadi_yousif]

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 🙂

[cavier]

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

[fadi_yousif]

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

[cavier]

Thank you for the help! Just accepted your request 🙂 

[fadi_yousif]

Here you go: https://www.youtube.com/watch?v=7biIVp328PMhttps://gemoo.com/tools/upload-video/share/56972415143277...

[fadi_yousif]

Here it is: https://youtu.be/7biIVp328PM?si=FehSB3GHqRjNbkzR 

[fadi_yousif]

P.S. If you want all "Image with text" blocks to be full width then simply add the section I created wherever you want and remove the pre-existing ones through the theme editor. It's better to have two versions than to overwrite the default section.

[cavier]

Perfect! Great job. Does it only work on the theme you created now or also on the "main" theme 🙂 

[fadi_yousif]

Just added the new section to the live theme, you'll find it in the theme editor. I wanted to get your input first 🙂

[cavier]

It was perfect man. Great job 👌🏼

[fadi_yousif · Accepted solution]

Glad you liked it! Would be awesome if you could leave a like and accept solution ✅

[cavier]

Amazing work man 👍🏼👍🏼

[kaco123]

Hi! Would you please share the css code here? 

[cavier]

Hi,

Our theme has had a update and your work cant be found anymore. Could you help us with this on the text block and video block again? 🙂 

[shimlee]

Hello, 

We would also like help with our code to get a few elements to full width on our home page. Are you able to help?

Our website is Kendrick Home (kendrick-home-6984.myshopify.com)

[Made4uo-Ribe]

Hi @cavier 

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

[cavier]

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