Can you help me change the color of my contact page? I'm using Narrative theme

New Member
11 0 0

Hello! can you help me change the color of the fonts here in my contact us page? It can't be seen. :( 

Screen Shot 2019-11-04 at 6.14.55 PM.png

 

Thank you in advance!

0 Likes
Shopify Partner
16 0 4

Please share your URL and theme name so we can offer you either custom code or a theme option solution for your question :) 

0 Likes

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

#ContactFormPhone::placeholder, #ContactFormPhone,#ContactFormName,#ContactFormName::placeholder,#ContactFormMessage,#ContactFormMessage::placeholder,#ContactFormEmail,#ContactFormEmail::placeholder {
color: #ffff;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

Hi, @DigitalMarketer ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

#contact_form input::placeholder, #contact_form textarea::placeholder {
color: white;
}

 

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
11 0 0

Thank you so much.. I appreciate all your help.. it turned out this way, though?😅 maybe you can help me make it a bigger and bolder? 

Screen Shot 2019-11-04 at 8.39.33 PM.png

0 Likes

Add this css to make it bigger and bolder.

#ContactFormPhone::placeholder, #ContactFormPhone,#ContactFormName,#ContactFormName::placeholder,#ContactFormMessage,#ContactFormMessage::placeholder,#ContactFormEmail,#ContactFormEmail::placeholder {
    font-weight: 700;
    font-size: 16px;
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

Yeah sure, make it bolder:

 

#contact_form input::placeholder, #contact_form textarea::placeholder {
   color: white;
   font-weight: bold;
}

 

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
11 0 0

Thank you so much for all your help!!! 

0 Likes