Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

Solved

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

cavier
Excursionist
21 0 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? 

Accepted Solution (1)
fadi_yousif
Shopify Partner
345 43 67

This is an accepted solution.

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

Freelance Shopify Developer


Did I help? Leave a tip!

View solution in original post

Replies 30 (30)

fadi_yousif
Shopify Partner
345 43 67

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?

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

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
345 43 67

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!

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

Where can i find this in the editor?

fadi_yousif
Shopify Partner
345 43 67

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.

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

Do you have time to help us fix this?

 

fadi_yousif
Shopify Partner
345 43 67

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

https://cavier.no/
pw: vaiclu

fadi_yousif
Shopify Partner
345 43 67

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

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
345 43 67

Is this good?

 

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

Oh! Yes. Thats perfect 🙂 

cavier
Excursionist
21 0 5

how can i implement this?

fadi_yousif
Shopify Partner
345 43 67

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 🙂

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

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

fadi_yousif
Shopify Partner
345 43 67

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

Thank you for the help! Just accepted your request 🙂 

fadi_yousif
Shopify Partner
345 43 67
fadi_yousif
Shopify Partner
345 43 67

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

Freelance Shopify Developer


Did I help? Leave a tip!

fadi_yousif
Shopify Partner
345 43 67

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.

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

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

fadi_yousif
Shopify Partner
345 43 67

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

It was perfect man. Great job 👌🏼

fadi_yousif
Shopify Partner
345 43 67

This is an accepted solution.

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

Freelance Shopify Developer


Did I help? Leave a tip!

cavier
Excursionist
21 0 5

Amazing work man 👍🏼👍🏼

kaco123
Visitor
1 0 0

Hi! Would you please share the css code here? 

cavier
Excursionist
21 0 5

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
New Member
10 0 0

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
Shopify Partner
9079 2170 2679

Hi @cavier 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
cavier
Excursionist
21 0 5

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