Dawn Theme, looking to adjust side padding in an "Image with Text" section

Dawn Theme, looking to adjust side padding in an "Image with Text" section

pnut78
Excursionist
22 0 5

1) On the following page, https://berootedin.com/products/glass-spray-bottle , there are a couple of image with text sections and I would like to adjust the side padding in the text section.  I checked this board already and couldn't find anything that worked. 

2) I would also like to know if the change would affect mobile as well, and if not, how do I adjust the side padding on the image with text section for mobile view?

3) Finally, I would like to know how to adjust the side padding in a multirow text section. Please see the following page for example: https://berootedin.com/pages/get-started

 

Thank you in advance!

Replies 2 (2)

BlackCro
Shopify Partner
103 19 19

Both mobile and desktop padding can be found in component-image-with-text.css

 

For desktop look for: 

 

media screen and (min-width: 990px)
.image-with-text__content{
  padding: 6rem 7rem 7rem;

 

For mobile look for: 

.image-with-text__content{
  padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;

 

Hope this helps

Simon 

BlackCro.co.uk

CRO & Development Agency



Better Forms - Get a better contact form today!
pnut78
Excursionist
22 0 5

THank you, I have found the sections but would like to know which values do what. Which numbers correspond with left padding, right padding, and whatever the third value is for.  Thanks again!