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]

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_1]

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