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

Store Design
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.

2

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" %}

{%endif%}
3

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
Proof.png1335×825 33.3 KB

4

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

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

Thank You.

1 Like
5

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
Ketoissue2.png1406×825 60.6 KB

6

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

7

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

1 Like
8

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

9

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

10

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

Issue#3.png
Issue#3.png1422×865 76.5 KB

11

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

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

Thank you!

1 Like
13

@AntonioToni
WElcome!

14

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
Problem 4.png998×777 20.4 KB

15

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

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

Thank You.