Dawn Theme - padding image with text (mobile)

Technical Q&A
1

Hello,

  1. How can I edit the padding on the sides on mobile (Dawn theme). It’s the element image with text. I want stretch it more to the sides.

lorem.png
lorem.png475×822 49.6 KB

  1. How can I edit that on tablets the element image with text goes in 2 rows like on mobile?

image.png
image.png668×852 223 KB

2

@dalibr ,

Please share the store URL…

3

Hello @dalibr ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

4

My website is: https://laperlle.com/products/test

It’s just for testing, so I enabled just the most important parts, what I need to fix.

5

@dalibr

div#ImageWithText--template--18211646112042__68716943-3b47-4bc5-b436-9fe6aea29184 {
    padding-left: 0;
}
.image-with-text__text.rte.body ul {
    padding: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

6

That’s strange, if I add this to custom.css it doesn’t work, but if I add it to base.css it works. Thanks.

What about number 2?

7

@dalibr

number 2 ? in which page it is ?

8

In the first post, there is number 2) How can I edit that on tablets the element image with text goes in 2 rows like on mobile?