All things Shopify and commerce
Hello pro's, having a little issue.
My email Sign Up button is stuck on black after making the background transparent so I could add a background image. I would like to have a white box with black text and a black outline. Nothing changes when i play with the settings below. Seems to be locked as is. I used Scheme 6 in order to use the transparent background. If I use other schemes I can have a white email signup box but no background image.
Password: sewsogs
Solved! Go to the solution
This is an accepted solution.
Hi @Malakush
Please add the following code to the Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
.newsletter-form__field-wrapper .field__input {
background: #fff;
}
.newsletter-form__field-wrapper .newsletter-form__button,
.newsletter-form__field-wrapper .field__label {
color: #000;
}
.newsletter-form__field-wrapper .field:after {
box-shadow: 0 0 0 1px #000;
}
- 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.
Hi @Malakush
Please add the following code to the Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
.newsletter-form__field-wrapper .field__input {
background: #fff;
}
.newsletter-form__field-wrapper .newsletter-form__button,
.newsletter-form__field-wrapper .field__label {
color: #000;
}
.newsletter-form__field-wrapper .field:after {
box-shadow: 0 0 0 1px #000;
}
- 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.
Thank you kindly! Worked perfectly 🙂
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.
Hi @Malakush,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.newsletter-form__field-wrapper .field__input {
background: rgb(245 0 0 / 0%) !important;
}
Thanks!
Hello @Malakush ,
Navigate to Online Store > Themes > click on Edit code. Locate and open the theme.css or base.css file.
Scroll to the bottom and add the following CSS code:
.newsletter-form__field-wrapper .field__input {
background: #fff;
}
.newsletter-form__field-wrapper .newsletter-form__button,
.newsletter-form__field-wrapper .field__label {
color: #000;
}
.newsletter-form__field-wrapper .field:after {
box-shadow: 0 0 0 1px #000;
}
Thanks!
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