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

Store Design
1

  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!

2

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

3

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!