How can I change the background color of an email form without affecting the input field?

[Faith26]

I have this Shopify Store which I’m still developping: https://astrological-aesthetics.myshopify.com/ password : “shiest” and if you scroll down a little you can see that there is an email form that I am trying to put color on but when I do that by changing the background 1 to another color, the entire form including the place where you put your email address change to that color which doesn’t look good:

So I’m asking if there’s a way of changing only the background of the form without including the small rectangle where you put your email address. Help would be greatly appreciated.

Thank you!

[GemPages]

Hello @Faith26

It’s GemPages support team and glad to support you today.

I found that if you set the color for the entire section, the input still shows a white background as shown below:

[Faith26]

@GemPages Are you sure? Because it shows me this:

[Minakshi15]

HI @Faith26

PLease add this Css in your CSS file

.newsletter-form__field-wrapper .field__input{
  background:#ffffff;
}

This looks : https://prnt.sc/l0kCw7y3QDTq