Shopify themes, liquid, logos, and UX
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!
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
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!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025