Horizontal line between footer and the rest of the page

[EdensBakehouse]

I would like to add a line above my footer to separate the footer with the rest of the content on the website. This is very important for my website, because all the background on my website is the same color. The line above the footer has to come back on every page you are on on my website.

https://edensbakehouse.nl/

yuidri

[ShreyaRevize]

Hey @EdensBakehouse,

Please add this CSS to the base.css file:

.footer:not(.color-scheme-1) {
border-top: 1px solid #f4abab !important;
}

Hope that helps 😄

Cheers!
Shreya | Revize

[Moeed · Accepted solution]

Hey @EdensBakehouse 

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 </body> tag

<style>
footer {
    border-top: solid 1px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Rahul_dhiman]

Hello @EdensBakehouse 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-footer.css
add this code at the end of the file and save.

.footer:not(.color-scheme-1) {
border-top: 1px solid #f4abab !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[websensepro]

Hi @EdensBakehouse 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

footer.footer.color-scheme-2.gradient.section-sections--23993111118149__footer-padding {
    border-top: 2px solid #7D5757 !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Made4uo-Ribe]

Hi @EdensBakehouse 

You already have a small border on the footer. Do you like it more thicker? 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[ZestardTech]

Hello @EdensBakehouse ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > section-footer.css and paste the following code at the bottom of the file:

footer.footer.color-scheme-2.gradient{
    border-top: 1px solid !important;
}

Let me know if you need further assistance!

[topnewyork]

Hi @EdensBakehouse 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> 

<style>
.footer:not(.color-scheme-1) {
    border-top: 2px solid #7b5555;
}
</style>

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!