Solved

Several confusions about images with text section

BennettH
Tourist
5 1 0

Hello experts, I have a few questions about images with text.
1. How to adjust the spacing between text and image on mobile devices. The current space between text and image is too large, and mobile devices display poorly.
2. How can I make the text as wide as the image on mobile devices?

I am using the boost template, and following the community's previous answers, it does not work for me. I'm confused.

1.png
3. How to adjust the spacing between two "images with text" sections on mobile devices? Now the spacing between the two sections is too large. How can I reduce the spacing?

3.png

Accepted Solutions (2)
Sajat
Shopify Partner
191 19 34

This is an accepted solution.

Hi @BennettH 

 

Please go to Online Store -> Themes -> Customize -> Theme Setting -> Custom CSS and add the following code

.image-with-text .image-with-text__content {
  padding:0px !important;
}

 

Please let me know if this doesn't fix your issue.

Thanks,

 

Sajat

View solution in original post

BennettH
Tourist
5 1 0

This is an accepted solution.

Hi @Sajat , 

 

Thank you very much for your help. This code really works and solved my problem perfectly!

Thank you soooooo much!

View solution in original post

Replies 8 (8)

Abdosamer
Shopify Partner
820 146 161

Hi @BennettH , can you share your store url?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
BennettH
Tourist
5 1 0

Hi @Abdosamer , 

url: splootpuppy.com

thank you for your reply!

Abdosamer
Shopify Partner
820 146 161

@BennettH , can you provide the url of the page you are having problems with?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
BennettH
Tourist
5 1 0

Hello,@Abdosamer  , I am not referring to a problem with a single web page, but with the section "Image with Text". I am very confused.

Abdosamer
Shopify Partner
820 146 161

@BennettH , I can't locate the section that you are referring to.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
BennettH
Tourist
5 1 0

@Abdosamer , Sorry, I just saw your reply.

Just like this page: splootpuppy.com/pages/about-us

 

Sajat
Shopify Partner
191 19 34

This is an accepted solution.

Hi @BennettH 

 

Please go to Online Store -> Themes -> Customize -> Theme Setting -> Custom CSS and add the following code

.image-with-text .image-with-text__content {
  padding:0px !important;
}

 

Please let me know if this doesn't fix your issue.

Thanks,

 

Sajat

BennettH
Tourist
5 1 0

This is an accepted solution.

Hi @Sajat , 

 

Thank you very much for your help. This code really works and solved my problem perfectly!

Thank you soooooo much!