Footer Newsletter Signup Form Blending In With Background Color Dawn Theme

Store Design
1

Hello. I use the Dawn Theme. By default, the form field in the footer for the newsletter signup matches the color I have assigned for the Footer background (#2F8083). I need this form field to be made white (#FFFFFF). I tried both solutions shown in this discussion (https://community.shopify.com/c/shopify-design/change-color-of-newsletter-form-in-footer-dawn-theme/td-p/1493502) but neither worked. Anyone know how to adjust the color of this form field? Screenshot of Footer in pptx attachment. Thanks!

2

@TheBurpBoss , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.footer > *{
    background: #616161 !important;
    color: white !important;
}

.footer > * *{
    color: white !important;
}

Kind regards,
Diego

3

Hi @diego_ezfy , thanks. I tried your suggestion but it looks like it just ever so slightly changed the color of the form field in my footer. Did not make it white. I attached a screenshot in pptx. Any ideas why?

4

Hi @TheBurpBoss ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

Www.TheBurpBoss.com
PW: leistu

6

Hi @TheBurpBoss ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.newsletter-form__field-wrapper #NewsletterForm--footer {
    background: #fff !important;
    color: #000 !important;
}
.newsletter-form__field-wrapper .field__label {
    color: #000 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

@TheBurpBoss

The colors I used are just exemplary, you can change the HEX colors in the code I shared as per your wish.

.footer > *{
    background: #616161 !important;
    color: #fff !important;
}

.footer > * *{
    color: #fff !important;
}

#fff = text color
#616161 = background color

Kind regards,
Diego

8

Hi AvadaCommerce, I am grateful for your help changing the newsletter form and text colors in my footer newsletter signup. I realized though the ‘signup’ button arrow symbol changed to white when I changed the form field to white. Is there an additional item I can add to keep the arrow symbol in the button black? Thanks!

9

Didn’t help.