How to change font color- newsletter "thank you" inscription

Store Design

Topic summary

A user seeks to modify the font color and size of the “thank you” message displayed after newsletter signup in their Shopify store’s footer.

Three solutions provided:

  1. Edit main.css file: Navigate to Online Store → Theme → Edit Code, locate main.css, and add custom CSS targeting .signup-form__response.signup-form__response--success.alert.heading-font h6 with desired color values.

  2. Insert code in theme.liquid (head section): Add CSS styling within <style> tags above the </head> tag in theme.liquid file, targeting the same success message element.

  3. Insert code in theme.liquid (body section): Place CSS before the </body> tag in theme.liquid, using !important declarations to override existing styles for both font color and size (21px suggested).

All approaches involve accessing the theme code editor and adding custom CSS. The solutions differ primarily in file location and CSS specificity. Screenshots demonstrate the expected results.

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

  1. Go to ‘Online Store’ → Theme

  2. From your Active Theme click on the 3 dots(…) → Edit Code

  3. Locate the file ‘main.css’

  4. At the bottom of the file add this code(Replace ‘{your-color}’ with the color you want)

.signup-form__response.signup-form__response--success.alert .heading-font.h6{
    color: {your-color};
}