How can I change the footer line color in my Debut theme?

How can I change the footer line color in my Debut theme?

57 1 19



I want to change the color of the line in my footer (shown below in picture). Can someone please give me the code for this. 


coding 2.jpg

My URL is



Replies 4 (4)

110 28 29

Hi @embroiderysage 

This is Lucas 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 theme.scss.css

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


.devQuickLinks .site-footer__item {

    border-right: 1px solid red !important;



Hope that my solution works for you.

Best regards,

Lucas| PageFly


Shopify Partner
773 90 356

Hello @embroiderysage ,


You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css filde -> add this following code at the bottom of page

.footer-line {
  background-color: #FF0000; /* Replace with your desired color */

Save and preview 


Hope this can help. Let us know if you need any further support.

Ali Reviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!

Shopify Partner
1242 197 210

@embroiderysage add below css into devM-style.css file 

.devQuickLinks .site-footer__item {
    border-right: 1px solid #b15305 !important;



Shopify Partner
1228 142 155

Hi @embroiderysage 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

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

.devQuickLinks .site-footer__item {border-right: 1px solid #b15305 !important;}






If it’s helpful to you, please mark it as a solution.  

Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin