How do I make this news letter success text black?

Store Design
,

Topic summary

A user seeks to change the newsletter success message text color to black on their Shopify store.

Problem: The success message currently displays in a color other than black, and previous CSS attempts haven’t worked.

Solutions Provided:
Multiple respondents offered similar CSS-based fixes:

  • Primary approach: Add custom CSS targeting .form-status__message--success or .form-message--success with color: #000000 !important

  • Implementation methods vary:

    • Insert code in theme.liquid file (above </head> or </body> tag)
    • Add to theme.css file at the bottom
    • Use custom CSS snippets

Status: The discussion remains open with no confirmed resolution. Multiple solutions were proposed but no follow-up indicates which (if any) successfully resolved the issue. All suggested approaches involve accessing Shopify’s theme code editor and applying CSS color overrides.

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

Hello,

I’d like to make the success message black.

Here is the link: Subscription – Celine Martine

I have tried a few solutions found on here but none have worked.

Code I have tried is:

.form-message--success {
            color: #000000;

(and)

.main-footer .alert-message.success {
    color: #000000;
}
1 Like
2

Hi @mademarion

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the file above tag

dbuglab_0-1692879683422.png
dbuglab_0-1692879683422.png1409×256 13.1 KB

3

Hey @mademarion

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

RESULT:

Moeed_0-1692880260014.png
Moeed_0-1692880260014.png1912×165 17.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hello there

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.form-status__message--success {
color: #000!important;
}

ZestardTech_0-1692883158800.png
ZestardTech_0-1692883158800.png1888×720 48.1 KB

5

Hi @mademarion ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like
6

Hello @mademarion

Here is the CSS that will perform these changes:

Please hit Like and Mark it as a Solution if you find our reply helpful.