How can I change the newsletter text color to black?

Store Design
,

Topic summary

A user needs to change the newsletter input field text color from its current color to black on their landing page footer.

Two solutions were provided:

  1. theme.liquid modification: Add custom CSS code at the bottom of the theme.liquid file (located in Online Store → Edit Code), just above the closing </body> tag.

  2. base.css modification: Add the following CSS rule to the base.css file (found in Assets folder):

.newsletter-form__field-wrapper .field__input {
  color: #000 !important;
}

Both approaches target the newsletter form’s email input field styling. The second solution was marked as the accepted answer. The issue appears to involve standard Shopify theme customization using CSS to override default text colors.

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

Hi there,

How can I change the text of the newsletter which says “E-Mail” to black? It’s at the bottom of my landing page. I guess it’s in component-newsletter.css but I don’t know which part to change or add.

https://taneraskin.com/

Best,

Isa

2

Hey @isabellemaria

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

Capture.PNG
Capture.PNG1200×442 18.5 KB

Mark it as Accepted Solution as well.

1 Like
3

Hello @isabellemaria

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.newsletter-form__field-wrapper .field__input {
    color: #000 !important;
}
1 Like