Placeholder text color

Hello Aizaz,

Is it possible to change the color of all placeholder text? Currently it is black, meaning that customers cannot make the different between placeholder and their own text.

I am trying with custom typography but I have the impression that I have to create a custom selector for each placeholder. I also noticed with some placeholders that they have a class called “placeholder” (see screenshot below). I tried to use that as a custom selector but it did not work.

Is there a way to change all placeholders color at once ? Maybe CSS is a way to go?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

textarea#order_comments::placeholder {
    color: red;
}

Best Regards

Hello Aizaz,

Thank you for your reply.
However this code is only for the example I shared with you. How about changing the colour of all placeholders in my website at once? Is there a way to do that?

Many thanks

Hello,

Please use the below custom CSS for the whole site:

::placeholder {
    color: red;
}

Best Regards.

Great, it works perfectly.
Thanks a lot !

Hello,

You are Most Welcome.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts