How to set the newsletter container to white color in footer

[CreatorTim]

Hey guys, how can I set the container in the footer to white? Specifically, the edges and also the title inside, "Email."

I want this for both desktop and mobile.

Here is link to my store: https://1049xn-ya.myshopify.com/collections/all

Thanks a lot.

Tim

[TheScriptFlow_]

This is also white.
If you want to change the background color of whole footer to white let me know.

[CreatorTim]

Hey, I wanted to make the border and the 'Email' placeholder inside the newsletter input field white.

[DaisyVo]

Hi @CreatorTim 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

form#ContactFooter .newsletter-form__field-wrapper .field > input {
    background: white !important;
}
form#ContactFooter .newsletter-form__field-wrapper .field > * {
    color: black !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[CreatorTim]

Hey, I want to make the border and the 'Email' placeholder inside the newsletter input field white. Not the background.

[Dan-From-Ryviu · Accepted solution]

Hi @CreatorTim 

You can try to add this code to Custom CSS in Online Store > Themes > Customize to change it like this image below. 

input#NewsletterForm--sections--22711084187913__footer.field__input {
border: 1px solid 
}

[CreatorTim]

Hey, thanks a lot! How can I make the 'Email' text inside the container white as well?

[Dan-From-Ryviu]

I see Email text is white. 

[CreatorTim]

On mobile, I see it in white as well, but on desktop, it looks kind of gray. But, it's probably not a big deal, so I can keep it as it is.

Also, do you know how to set white borders for the search bar container in the footer when I click on the currency selector? Thanks a lot, man, I really appreciate your help.

[Dan-From-Ryviu]

Ahh, I see. Please update code to this 

.country-filter__input,
input#NewsletterForm--sections--22711084187913__footer.field__input {
border: 1px solid;
}
.footer__newsletter .newsletter-form__field-wrapper .field__label {
color: #fff;
}

[CreatorTim]

Thank you brother! Appreciate it