Email input box, change background color

Jthompsonsbg
Excursionist
16 0 2

The footer menu has the same color as the main text color so I'm having issues making the email newsletter input visible. Please help? Thank you! Edit: I'm using the Supply theme.color conflict.png

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

 

.form-vertical div {
    background-color: pink;
}

 

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AliG
New Member
7 0 0

I have the same problem but I want to change the input text to white, not the background I have the boundless theme please help me

0 Likes

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

input#Email {
    color: white!important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AliG
New Member
7 0 0

thanks, we're halfway there it works when type it changes color but the text ( Email Address ) didn't change and I'm also having this problem in my contact form 

0 Likes
Please share your site url so that I can check and let you know.
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AliG
New Member
7 0 0

intromerge.shop 

Pasword = jo g

 

thanks for helping me out

0 Likes
AliG
New Member
7 0 0

I found a solution

0 Likes
JennyRL
New Member
1 0 0

Hi - do you mind sharing your solution? I'm having the same issue and need change the email input text color for the newsletter on my password page.

0 Likes
Goncalopn
New Member
1 0 0

Go to Sections>newsletter.liquid 

Then in the line bellow 

<div class="input-group" >

(This Line)

<input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" name="contact[email]" id="Email" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off" style="background-color:Place the color here">

or just add 

style="background-color:Place the color here"

Inside the <input> code

0 Likes