Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings
#shopify-section-template--24282559119645__1748215365905e4f1c { background: #242833; }
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
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; }
Hi, thanks for the reply but that didn't work either.
Hi @Da_Mage
Could you share the link to your page that contains the email sign-up section?
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings
#shopify-section-template--24282559119645__1748215365905e4f1c { background: #242833; }
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Worked perfectly, thank you.
You are very welcome
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Although in saying that it's now saying i can't save it.
You can add that code to base.css file instead.
- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025