Solved

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

cavier
Excursionist
14 0 4

Hi guys! 

 

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

Accepted Solution (1)
fadi_yousif
Shopify Partner
342 43 66

This is an accepted solution.

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

View solution in original post

Replies 28 (28)

fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

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

Skjermbilde 2023-10-06 kl. 23.22.14.png

 

fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

Where can i find this in the editor?

fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

Do you have time to help us fix this?

 

fadi_yousif
Shopify Partner
342 43 66

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

cavier
Excursionist
14 0 4

https://cavier.no/
pw: vaiclu

fadi_yousif
Shopify Partner
342 43 66

Is this the look you want? Screenshot from 2023-10-07 13-27-16.png

cavier
Excursionist
14 0 4

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
Shopify Partner
342 43 66

Is this good?

 

Screenshot from 2023-10-07 14-40-22.png

cavier
Excursionist
14 0 4

Oh! Yes. Thats perfect 🙂 

cavier
Excursionist
14 0 4

how can i implement this?

fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

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

fadi_yousif
Shopify Partner
342 43 66

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

cavier
Excursionist
14 0 4

Thank you for the help! Just accepted your request 🙂 

fadi_yousif
Shopify Partner
342 43 66
fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

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

fadi_yousif
Shopify Partner
342 43 66

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
Excursionist
14 0 4

It was perfect man. Great job 👌🏼

fadi_yousif
Shopify Partner
342 43 66

This is an accepted solution.

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

cavier
Excursionist
14 0 4

Amazing work man 👍🏼👍🏼

kaco123
Visitor
1 0 0

Hi! Would you please share the css code here? 

Made4uo-Ribe
Shopify Partner
5991 1444 1783

Hi @cavier 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


cavier
Excursionist
14 0 4

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