How can I adjust footer padding and text section size on my website?

[TheUnavailable]

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. 

[dmwwebartisan]

@TheUnavailable 

This needs customization of your footer code to achieve this result.

[BSS-Commerce · 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 

[TheUnavailable]

Thank you. 

Where do I add it? Before the last }?

[Kaija]

hello @BSS-Commerce 

how can i change the wide of the texft field in the footer?

Where do I find it in the code?

Thank you