My email Sign Up button is stuck on black after making background transparent

[Malakush]

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.

https://kykeonlabs.co/

Password: sewsogs

[Dan-From-Ryviu]

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;
}

[Malakush]

Thank you kindly! Worked perfectly

[topnewyork]

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!

[Steve_TopNewYork]

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!

[Dan-From-Ryviu]

You are very welcome