How to reduce footer padding?

[emilyaugstudios]

Hi community, does anyone know the best way to remove padding/extra space from the bottom of my website footer? I have added an image reference below, currently there is a lot of excess space at the bottom which I would want to make smaller.

Many thanks!

URL (Symmetry theme) – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

[dws_pvt_ltd · Accepted solution]

@emilyaugstudios, Hello! Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.

.section-footer__row.section-footer__row-lower {
    padding: 0;
}

Add below code in the "main.css". Find this class CSS and set padding bottom to 40px. 

@media (min-width: 768px) {
    .section-footer__row--blocks {
        margin-bottom: -50px;
        padding-top: 60px;
        padding-bottom: 40px; 
    }
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[BSS-TekLabs]

- Here is the solution for you @emilyaugstudios 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media (min-width: 768px) {
    .section-footer__row-lower {
        display: none !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[rebecca_keatsu]

Hello Emilyaugstudios,

First option, you can can update it from editor but I am sure you can't update it from editor.

Second, I have attached 2 screenshots, Please check highlighted CSS, I have updated number from your original one. Still if you want you can update it from your CSS file. It seems, you have created main.css file where line no: 5318  and following CSS : @media (min-width: 768px) {
.section-footer__row--blocks, you need to update.

Looking forward to hearing from you.