How can I change footer colors in the Debut theme?

Store Design
,
1

Hi everyone!

Can some one please give me code to change the following colors in my footer for items listed below in picture! (Ideally I would like to paste the code into the home page):

coding.jpg
coding.jpg2300×1193 142 KB

My URL is www.embroideryandsage.com

Thanks!

2

You can inspect element by right click and then get the class by selecting pointer on it and after getting class apply color: white property in css

3

Hey @embroiderysage

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.

Capture.JPG
Capture.JPG1905×412 22.7 KB

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

Best Regards,
Moeed

1 Like
4

@embroiderysage you can add below css to change the color of placeholder and input box border and title

input[type="search"], input[type="number"], input[type="email"], input[type="password"] {
    border: solid 1px white !important;
}

input#ContactFooter-email::placeholder {
    color: black !important;
}
.site-footer__content .site-footer__item-inner--text .h4 {
    color: black !important;
}
input:focus, textarea:focus, select:focus, .disclosure__toggle:focus {
    border-color: white !important;
}

Ujjaval_0-1685351897026.png
Ujjaval_0-1685351897026.png1584×785 231 KB

5

Hello @embroiderysage

You can try this code: it will be helpful to you

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

input, textarea, select, .disclosure__toggle {
    border: 1px solid #fff;
}
6

thanks! this worked perfectly!