Dawn Theme - padding image with text (mobile)

Dawn Theme - padding image with text (mobile)

dalibr
Tourist
12 0 2

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

 

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

image.png

 

Replies 7 (7)

oscprofessional
Shopify Partner
16343 2438 3177

@dalibr ,

Please share the store URL... 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

GemPages
Shopify Partner
5625 1262 1279

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
dalibr
Tourist
12 0 2

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. 

 

oscprofessional
Shopify Partner
16343 2438 3177

@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

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
dalibr
Tourist
12 0 2

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?

oscprofessional
Shopify Partner
16343 2438 3177

@dalibr 

number 2 ? in which page it is ?

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
dalibr
Tourist
12 0 2

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?