I need to change the background colour of the email sign up form app

Store Design

Topic summary

A user needed to change the background color of an email signup form from white to #242833 to match their page design on Dawn theme version 15.3.0. Previous CSS attempts had failed.

Initial Solution Attempt:

  • First suggestion involved modifying the announcement bar gradient in base.css, but this didn’t resolve the issue.

Working Solution:

  • After the user shared their site URL (bushbranded.com.au), a targeted CSS solution was provided:
    • Add custom CSS targeting the specific section ID: #shopify-section-template--24282559119645__1748215365905e4f1c { background: #242833; }
    • Initially suggested for Theme Customizer > Custom CSS

Final Implementation:

  • The code worked correctly but couldn’t be saved in the Theme Customizer.
  • Alternative solution: Add the same code to the base.css file instead.

Status: Resolved with a workaround for the save limitation.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

This is driving me nuts and it’s probably pretty simple to fix but i cannot work it out. I want to change the background colour of the email sign up app form to match me page colour. So from white to #242833..

Can anyone tell me the steps or point me in the right direction please. I use Dawn version 15.3.0 if that makes a difference.

P.S i have searched and tried some of the CSS options but nothing seems to change.

Screenshot 2025-05-29 082143.png
Screenshot 2025-05-29 082143.png1755×653 24.6 KB

2

Hey there @Da_Mage I see you mentioned that you’ve already tried some CSS codes but maybe this could still be worth a shot if you haven’t followed these steps and tried this one yet

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

#shopify-section-announcement-bar .gradient{
  background: #ff9a01;
}
3

Hi, thanks for the reply but that didn’t work either.

4

Hi @Da_Mage

Could you share the link to your page that contains the email sign-up section?

5

Yeah no problem.

https://bushbranded.com.au/

1 Like
6

Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings

#shopify-section-template--24282559119645__1748215365905e4f1c { background: #242833; }
7

Worked perfectly, thank you.

1 Like
8

You are very welcome

9

Although in saying that it’s now saying i can’t save it.

1 Like
10

You can add that code to base.css file instead.

1 Like