Shopify themes, liquid, logos, and UX
Hello, here is my site: https://2cc3d4-2.myshopify.com/?_ab=0&_fd=0&_sc=1
I'd like to make the sections in my footer tighter and less spaced like this:
I'd also like to make the text size in the rich text section in my footer (Disclaimer) smaller.
Thank you for your help.
Solved! Go to the solution
This is an accepted solution.
Hi @TheUnavailable ,
As your requirement: "Footer Padding + Text Section Size", you can try this follow my guide:
Step 1: Go to Online Store => Themes => Edit code
Step 2: Search base.css, and add the scripts in the end of file :
- Font-size 12px handle "text section size" as same as column "Customer Care" and "Our Policies" in your Footer.
- Block Grid flex, handle footer padding as same as the picture you sent. Width of column " Customer Care" = " Our Policies" = 1/2 "Disclaimer".
- You can increase the font-size of the footer to look similar to the sample photo.
.footer-block__details-content.rte { font-size: 12px !important; }; .footer-block.grid__item { flex: 2; }; .footer-block.grid__item.footer-block--menu { flex: 1; };
Step 3: Reload your store and check the result.
The resulting picture:
If my solutions helps, plz tick marked as solutions. Tks and have a nice day! @TheUnavailable
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
This needs customization of your footer code to achieve this result.
This is an accepted solution.
Hi @TheUnavailable ,
As your requirement: "Footer Padding + Text Section Size", you can try this follow my guide:
Step 1: Go to Online Store => Themes => Edit code
Step 2: Search base.css, and add the scripts in the end of file :
- Font-size 12px handle "text section size" as same as column "Customer Care" and "Our Policies" in your Footer.
- Block Grid flex, handle footer padding as same as the picture you sent. Width of column " Customer Care" = " Our Policies" = 1/2 "Disclaimer".
- You can increase the font-size of the footer to look similar to the sample photo.
.footer-block__details-content.rte { font-size: 12px !important; }; .footer-block.grid__item { flex: 2; }; .footer-block.grid__item.footer-block--menu { flex: 1; };
Step 3: Reload your store and check the result.
The resulting picture:
If my solutions helps, plz tick marked as solutions. Tks and have a nice day! @TheUnavailable
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Thank you.
Where do I add it? Before the last }?
User | RANK |
---|---|
227 | |
181 | |
63 | |
58 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023