Emerge Theme - How to change colour of text in contact forms. Ie. 'Email Address'

MaxHall
Tourist
5 0 2

Hi there, 

I'm hoping to change the color of the text that appears in a newsletter sign up form of a popup on my site. 

Currently, the form area is white and the text is white, making the text illegible. I need to keep the text white across my site in all other cases because of a dark background colour. Is there a way that the text that is written in the form area to be changed? 

Screen Shot 2021-02-16 at 11.56.17 am.png

Using 'Emerge Theme'. 

Thanks! 

0 Likes
dmwwebartisan
Shopify Partner
4346 977 1241

@MaxHall 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaxHall
Tourist
5 0 2

Hi there, @dmwwebartisan 

 

https://seedclarevalley.com/

pw: glewch

 

Thanks so much! It is the newsletter sign up sections (both in the popup and in the footer) that I am concerned with. 

dmwwebartisan
Shopify Partner
4346 977 1241

@MaxHall 

I can see this. I tried to check other places but didn't get this case but anyway you can add the following code in your CSS file to make that text black or any other color.

Use this code.

::placeholder{
color: #000;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaxHall
Tourist
5 0 2

@dmwwebartisan 

Thanks for taking a look!

I'm not exactly sure where to place this code? 

Will this change the color of the text that is typed into the text boxes to be black? 

Thanks!

 

dmwwebartisan
Shopify Partner
4346 977 1241

@MaxHall 

Now I understand what you want. Forgot old given code.

Add this new one, when you type the text it will make the text black and paste this code at the very bottom of your CSS file.

input, textarea{
color: #000;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaxHall
Tourist
5 0 2

@dmwwebartisan 

Hi there,

Thanks again, 

I haven't been able to make it work - however, I am not 100% sure where to paste the code? What exactly do you mean by the bottom of CSS file?

Cheers, 

0 Likes
dmwwebartisan
Shopify Partner
4346 977 1241

@MaxHall 

Please check the assets folder. You will get the CSS file there and paste my code at the end of all code.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaxHall
Tourist
5 0 2

@dmwwebartisan 

Hi again! Sorry about all the questions.

I've tried this in a few different sections though I'm still not seeing the text change colour. 

This is what I have in the asset sections and an example of what I have done re pasting in the code:

Screen Shot 2021-02-16 at 1.56.18 pm.pngScreen Shot 2021-02-16 at 1.51.55 pm.png

 

Any ideas? 

Thanks!!!

0 Likes
dmwwebartisan
Shopify Partner
4346 977 1241

@MaxHall 

Did you try with other CSS files?

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes