What's your biggest current challenge? Have your say in Community Polls along the right column.

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
Tourist
12 0 0

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
101 19 16

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
Tourist
12 0 0

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!