Remove Thin Black Lines In Footer (Image + Divider)

Store Design
,
1

I want to remove these thin black lines that I highlighted in the picture and shorten the vertical spacing.

Website: Wholesome Boy

Thanks!

footer.jpg
footer.jpg1158Ă—735 44.3 KB

2

Hi @WholesomeBoy

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.footer__content-bottom {

border-top: unset !important;

padding-top: 0 !important;

}

.footer__content-top {

padding-bottom: 0 !important;

}

.footer-block–newsletter {

margin-top: 0 !important;

}

.footer-block__image-wrapper.global-media-settings {

border: none !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hi @WholesomeBoy

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Please add this css in your bottom of the css file:

.footer .footer-block__image-wrapper {border: none !important;}
.footer .footer-block–newsletter {margin-top: 0 !important;}

.footer .footer__content-bottom {display: none !important;}

Regards,

Santanu

4

Thank you! You’re awesome!

5

I appreciate you, Victor!

6

You are welcome @WholesomeBoy :blush: