How can I remove footer separator lines from my webpage?

Store Design
, ,
1

Hi all,

I currently customizing my webpage and I trying to go for the clean look aesthetic with one continuous page with no separation lines.

The footers contains two lines, I managed to remove the top one with

.footer {border-top: none !important;}

but I can’t get rid of the bottom one.

Please help

shopify footer discussion.png
shopify footer discussion.png2872×1422 258 KB

2

Hey @ELYSIAN_CLO

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.
3

Hello @ELYSIAN_CLO

You can try this code for the bottom line: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.footer__content-bottom {
    border-top: none !important;
}
4

Hi @ELYSIAN_CLO ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

5

didn’t work:(

6

didn’t work neither

7

as expect, didn’t work as well

8

Hello @ELYSIAN_CLO

You can try this code for the bottom line: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (max-width: 750px){
footer.footer.color-background-1.gradient.section-footer-padding {
    border-top: none !important;
}
}
9

IT WORKS! THANK YOU SO MUCH

10

Hello @ELYSIAN_CLO

your most welcome, pleasure to help you if the solution is helpful to you please like my post.