How can I modify my website's email box colors?

Store Design
1

box2.PNG
box2.PNG360×105 6.55 KB

57f112b5-20be-4fa4-b75c-e321ef6c2afe.png
57f112b5-20be-4fa4-b75c-e321ef6c2afe.png310×105 11.6 KB

Hello, on my website the email box is in all black and I would like it to look like the mockup above (White box, gray email text & arrow).

How do I do this? I’ll vote for you!! Thank you so much.

(This is the default Dawn theme email boxes)

Store: https://black-bee-1.myshopify.com/

Password: Giaske

2

Hello @kirstenlc5

I would like to give you a solution to support you.

You can try adding code by following these steps to make the email box with white box, gray email text, and gray arrow:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/XkUYXZPnym_E

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file. https://prnt.sc/aiq_ejbfN66W

.footer .newsletter-form__field-wrapper #NewsletterForm--footer{
   color: #808080 !important;
   background-color: #fff;
}
.footer .newsletter-form__field-wrapper .field__label{
  color: #808080 !important;
}
  1. Save the file and double-check.

Best regards,
GemPages Support Team