Remove padding right and left in ride theme

Store Design
1

Hi! I’m making a new design on my webshop with “ride” as my theme. In “picture with text”-mode I can’t understand how to remove the black padding. On the picture here you can see it on the left and right sides of the “picture with text” and also under. I would like it to be gone or change colour on it. I found where i could change the size of padding in other menus but not in this one. Thank you so much for the help!

Skärmavbild 2023-08-08 kl. 12.48.35.png
Skärmavbild 2023-08-08 kl. 12.48.35.png2856×478 183 KB

2

Send me website URL

3

Hey @LINNEAHENDRIX
Kindly share your Store URL and Password if enabled

4

https://linnea-henriksson.myshopify.com/ :heart:

5

You can add css this one
.section-template–19434803200327__image-with-text-padding {
padding: 0px !important;
}

See the screenshot https://postimg.cc/Ln2ZGXnt

1 Like
6

thank you! is this where i’m suppoused to type it in?

Skärmavbild 2023-08-08 kl. 13.10.55.png
Skärmavbild 2023-08-08 kl. 13.10.55.png2842×1304 493 KB

7

Hey @LINNEAHENDRIX

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

Moeed_0-1691493514968.png
Moeed_0-1691493514968.png1903×928 203 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

8

Only add

padding: 0px !important;

9

I found where to add the code. Thank you so much, looks just like i want it to now!

1 Like
10

Thanks

11

Hi! Can you also help me to remove the black line in between the different sections? I’ve tried in “layout” and it says “0 px” but still there is a black line left..

Thank you for your help!

Skärmavbild 2023-08-08 kl. 13.23.18.png
Skärmavbild 2023-08-08 kl. 13.23.18.png2864×916 310 KB

12

https://postimg.cc/ZCG1xCjS You can remove this one or change CSS to transparent

13

thank you for trying to help me. unfortunately i’m not skilled at all with CSS so I don’t understand how to change or remove this. could you write me the code to post, just like before? thanks for lending me your time.

14

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

body.gradient { background: transparent; }
15

YES YES YES!!! THANK YOU!!! :heart: :heart: :heart: