Hi @CreatorTim ,
Upon checking, I see that you have adjusted it yourself https://prnt.sc/Xa8j1ToVBfGw is that right? Then I am glad to know that we have assisted in resolving this problem!
Best,
Liz.
Topic summary
A user seeks CSS customization help for their Shopify store footer, requesting three specific changes:
Original requests:
- Move the bottom footer section (badges/payment icons) higher to reduce spacing
- Make column headings (STORE, LEGAL, NEWSLETTER) bold
- Increase font size and change link colors to white for better visibility
Solution progression:
Two community members provided CSS code snippets targeting different aspects. Initial solutions addressed the heading styling and text color changes successfully.
Spacing issue:
The main challenge involved moving the bottom section upward. Multiple CSS iterations were needed:
- First attempt used padding adjustments
- Second attempt added flexbox properties and margin modifications
- Final code included media queries to control layout and spacing
Current status:
The discussion appears resolved. The support member’s final check indicates the user may have successfully implemented the adjustments themselves. The solution required adding custom CSS to the theme’s Custom CSS section, with code targeting .footer__content-bottom, .footer__content-top, and related classes.
Images were central to communicating the desired outcome and troubleshooting layout issues throughout the thread.