Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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.
This is an accepted solution.
@AntonioToni
Paste this code on top of the theme.scss file.
.js-qty__num {
color: black !important;
}
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%}
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.
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.
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.
@AntonioToni
Can you give me the page link where you are seeing this error?
Thank You.
@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.
This worked partially, works for the first products, but not for the rest. Here is an image
This is an accepted solution.
@AntonioToni
Paste this code on top of the theme.scss file.
.js-qty__num {
color: black !important;
}
Thank you!
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.
@AntonioToni
Paste this code on top of the theme.scss file.
.input-full {
color: black !important;
}
Thank You.
@AntonioToni
If my solution is helpful then like and accept my solution.
Thank You.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024