Debut theme - Newsletter Coding

[embroiderysage]

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): 

My URL is www.embroideryandsage.com 

Thanks!

[NomtechSolution]

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

[Moeed · Accepted solution]

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

<style>
.site-footer__item-inner.site-footer__item-inner--text p.h4 {
    color: black;
}
input#ContactFooter-email {
    border-color: white;
}
input#ContactFooter-email::placeholder {
    color: white;
}
</style>

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

Best Regards,
Moeed

[embroiderysage]

thanks! this worked perfectly!

[Ujjaval]

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

[oscprofessional]

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