Solved

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

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)
Zworthkey
Shopify Partner
5581 642 1569

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.

View solution in original post

Zworthkey
Shopify Partner
5581 642 1569

This is an accepted solution.

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

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



View solution in original post

Replies 14 (14)

ZestardTech
Shopify Expert
5395 971 1293

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
5581 642 1569

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.

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
5581 642 1569

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

AntonioToni
Tourist
7 0 1

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

Zworthkey
Shopify Partner
5581 642 1569

@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.

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

Zworthkey
Shopify Partner
5581 642 1569

This is an accepted solution.

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

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



AntonioToni
Tourist
7 0 1

Thank you! 

Zworthkey
Shopify Partner
5581 642 1569

@AntonioToni 
WElcome!

AntonioToni
Tourist
7 0 1

Hi there, just saw another similar issue.

Now the text that someone is typing in boxes is white, so it looks invisible.

Here is an image of an issue. Problem 4.png

Zworthkey
Shopify Partner
5581 642 1569

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

.input-full {
    color: black !important;
}

Thank You.

Zworthkey
Shopify Partner
5581 642 1569

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