What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: How do I remove lines in footer on home page?

Solved

How do I remove lines in footer on home page?

akounnas
Tourist
6 0 2

I would like to remove the lines in my footer on my home page. I am using the Sense free template. There are two lines above the social media icons in my footer which I would like to remove.

 

Screen Shot 2022-10-26 at 4.25.28 pm.png

Accepted Solution (1)
Fatima_Murtaza
Shopify Partner
11 3 1

This is an accepted solution.

Okay i can understand your concern, Since i've limited information about code I'm still trying to provide you solution based on my understanding.
Actually what i can see in screenshot those two lines seems a top and bottom border coming from css.
You can fix it through Shopify Admin > Themes > Edit Code > Assets > Section-footer.css open this file and paste this code at the end.

 

.footer, .footer > div{
border: none !important
}

 

It should solved your problem 😉

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on fatimamurtaza822@gmail.com regarding any help

View solution in original post

Replies 6 (6)

Fatima_Murtaza
Shopify Partner
11 3 1

Hi @akounnas 
Can i've your store link so i can review and suggest you solution. 

Regards
Fatima

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on fatimamurtaza822@gmail.com regarding any help
akounnas
Tourist
6 0 2
Hi Fatima, we are not ready to launch as yet so perhaps if you could guide
me in the right direction I can have a look at the code?
Fatima_Murtaza
Shopify Partner
11 3 1

This is an accepted solution.

Okay i can understand your concern, Since i've limited information about code I'm still trying to provide you solution based on my understanding.
Actually what i can see in screenshot those two lines seems a top and bottom border coming from css.
You can fix it through Shopify Admin > Themes > Edit Code > Assets > Section-footer.css open this file and paste this code at the end.

 

.footer, .footer > div{
border: none !important
}

 

It should solved your problem 😉

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on fatimamurtaza822@gmail.com regarding any help
akounnas
Tourist
6 0 2

Thank you, it worked perfectly!

Fatima_Murtaza
Shopify Partner
11 3 1

Great to hearing that it has worked for you.
If you need any technical assistance you can always contact me at this here fatimamurtaza822@gmail.com 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on fatimamurtaza822@gmail.com regarding any help
Smccarthy
Tourist
9 0 1

An even easier way? Copy and paste the code above in the Custom CSS box of the footer - no need to go editing the code at all!

Thank you @Fatima_Murtaza for the code!