Is it possible to change text color on only 1 page?

Solved
AntonioToni
Tourist
7 0 1

Hi there, 

Was just wondering, is it possible to change the color of the text on only 1 page? Basically, I need it different only on the contact us page. Since all web is black, the text is white. But since contact us is prebuild white as it is by the template I'm not sure how to change the color of it to black or simply just text to black on this page. here is the web Link.

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
2567 309 641

This is an accepted solution.

@AntonioToni 
Paste this code on top of the theme.scss file.

textarea#ContactFormMessage::placeholder {
    color: red !important;
}
input::placeholder{
color: red !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2567 309 641

This is an accepted solution.

@AntonioToni 
Paste this code on top of the theme.scss file.

.js-qty__num {
    color: black !important;
}



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 14 (14)
Pallavi
Shopify Expert
2458 411 532

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout/theme.liquid and paste this at the bottom of the file:

{%if page.handle == "contact-us" %}
<style>
.page-width.page-container h1 {
color: red!important;
}
</style>
{%endif%}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
AntonioToni
Tourist
7 0 1

Hi there, thank you for your responce. But, it doesn't work. It works only on the text that says Contact Us, but it doesn't work on the text of the Contact us Form.

Here are images provided of the issue. You can see the form looks blank, tho there is a text but it's white since the rest of the website is black. Found this issue also on Checkout Page with Quantity Numbers.

Proof.png

 

 

Zworthkey
Shopify Partner
2567 309 641

This is an accepted solution.

@AntonioToni 
Paste this code on top of the theme.scss file.

textarea#ContactFormMessage::placeholder {
    color: red !important;
}
input::placeholder{
color: red !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

AntonioToni
Tourist
7 0 1

Perfect, thank you this one worked on the contact form, looks perfect now.

So on my final issue, I seem to be having the same issue with my Cart Page, the Quantity part also has white text in the box, instead of black so it's not visible atm looks like a blank box.

Here is an image provided. Ketoissue2.png

Zworthkey
Shopify Partner
2567 309 641

@AntonioToni 
Can you give me the page link where you are seeing this error?
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2567 309 641

@AntonioToni 
If my solution is helpful then like and accept my solution.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
AntonioToni
Tourist
7 0 1

Yes, Link Here.  You might need to add an item to the cart to see it. 

Zworthkey
Shopify Partner
2567 309 641

@AntonioToni 
Paste the code on top of the theme.scss file.

button.js-qty__adjust.js-qty__adjust--plus {
    color: black !important;
}
button.js-qty__adjust.js-qty__adjust--minus{
    color: black !important;
}
input#updates_41988599808241\:3749143205d9eda0c9612d03d56422ae {
    color: black  !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
AntonioToni
Tourist
7 0 1

This worked partially, works for the first products, but not for the rest. Here is an image Issue#3.png