A user seeks to reduce spacing between text overlay elements on their Symmetry theme’s homepage slider and increase the subhead text size. They provided comparison images showing the current layout versus their desired tighter spacing.
Solution Provided:
main.css file:.text-overlay__subheading .subheading.subheading--over.has-motion {
margin-bottom: -38px !important;
}
Current Status:
I’m looking to decrease the space between text (and button) elements on the home page slider. Ideally, I’d like to increase the size of the “subhead” text, too.
The smaller top text shown in the attached is the original layout, vs. the larger text nestled closer to the word “yewww” which is desired. I’ve tried to adjust as many of the padding / margin css settings but can’t seem to locate the css to adjust that. Any help would be appreciated.
Hey @luvlyandwilde
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file
.text-overlay__subheading.subheading.subheading--over.has-motion {
margin-bottom: -38px !important;
}
Result
Best,
DaisyVo
Thank you, that’s worked perfectly on the desktop view, is there a similar solution for the mobile view?
Thanks again for providing the solution!
