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!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024