Trying to decrease horizontal gap between image and text in "Image with Text" section (Narrative)

Technical Q&A
1

I want to decrease the huge gap between illustration and the text. Is anyone familiar with this?

Website link: https://unnmix.com

Screenshot:

unknown.png
unknown.png1920×943 95.2 KB

2

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.feature-row__text {
padding: 140px 1px!important;
}
1 Like
3

I tried pasting your code in, but it is decreasing the vertical gap between sections. I need to decrease the horizontal gap between image and the text.

Screenshot 2021-03-24 132937.png
Screenshot 2021-03-24 132937.png1898×905 87.2 KB

4

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.feature-row__image-crop {
left: 65%!important;
}
}

.feature-row__text {
padding: 140px 1px!important;
}
5

Thanks! It worked!

6

Kindly feel free to get back to me if you need any further assistance Thanks!

1 Like