Email Box Color Change

Store Design
, , ,

Topic summary

A user seeks help changing an email subscription box color to white on their Shopify store.

Solution provided:

  • Navigate to Admin → Online Store → Theme → Edit Code
  • Locate the base.css or theme.css file
  • Add CSS code at the end of the file:
.newsletter-form__field-wrapper .field__input {
  background: white !important;
}

Outcome:
The original poster confirmed the solution worked successfully. Multiple respondents offered nearly identical CSS-based fixes, all targeting the newsletter form field’s background property.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

Can someone please let me know how to change the color of this email box to white?

Thank you!

Here is my store: My Store (76efa0-54.myshopify.com)

Screenshot (11).png
Screenshot (11).png1803×547 29.5 KB

1 Like
2
  • Here is the solution for you @BLola
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.newsletter-form__field-wrapper .field__input {
    background: white !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1722869297856.png
BSSTekLabs_0-1722869297856.png1109×336 14.7 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
3

Thank you for your help! It worked!

1 Like
4

Glad to help you. Have a good day.

5

Hi @BLola ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file base.css.
Step 3. Add these codes to the end of the file

.newsletter-form__field-wrapper .field > input{
  background: #ffffff!important;
}