Several confusions about images with text section

Store Design
1

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
1.png360×507 8.74 KB

  1. 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
3.png387×670 11.4 KB

2

Hi @BennettH , can you share your store url?

3

Hi @Abdosamer ,

url: splootpuppy.com

thank you for your reply!

4

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

5

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.

6

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

7

@Abdosamer , Sorry, I just saw your reply.

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

8

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

1 Like
9

Hi @Sajat ,

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

Thank you soooooo much!