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

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

embroiderysage
Explorer
57 1 19

hi, 

 

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 www.embroideryandsage.com

 

thanks!

Replies 4 (4)

PageFly-Lucas
Pathfinder
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

banned

AliReviews
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!

Ujjaval
Shopify Partner
1242 197 210

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

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

Ujjaval_0-1685425384163.png

 

INA_MSWEB
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;}

 

 

 

Regards,

San

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


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin