Changing Footer Newsletter Signup Text Color Narrative Theme

Highlighted
Tourist
4 0 1

Hi, 

 

I'm currently using the Narrative theme.  The issue I am running into is the text color for my email signup form in the footer is the same color as the footer background.  I do not wish to change the color of the background, nor the text color for the site.

 


I am wondering how I can change only the text color for the footer newsletter signup field.  

 

Thanks,

Colin

1 Like
Highlighted
Shopify Partner
7507 1037 2603

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1
Highlighted
Shopify Partner
7507 1037 2603

@tCassale 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-footer__newsletter-label {
color: red; /* change color value as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1
I am trying to change the text color of the inputted email. For example,
"My email address" is the correct color, but once you start typing your
email in the field, the text is the same as the background color. I want
the email input text to be a different color.

0 Likes
Highlighted
Tourist
4 0 1

Yes, we have this problem too and the CSS snippet above did not solve the issue  

0 Likes
Highlighted
Shopify Partner
7507 1037 2603

@tCassale 

change color as you like

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1

Ketan, I tried adding that code but it doesn't work. 

See, I just want the text colour changed in the form field (from black to white) so it's visible. 

See: 

https://www.evernote.com/l/AJXURMXIVZBEO4D3pHh9k882JR1Wmqq6rUM

1 Like
Highlighted
Shopify Partner
7507 1037 2603

try this

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
opacity: opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
opacity: opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #ffffff;
opacity: opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
 color: #ffffff;
opacity: opacity: 1 !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1

Thanks, but I added that code to the end of the css file and my entire website stopped working  

0 Likes