Search Input Font Colour not changing

[MarcelleC19]

Hi,

I won’t be able to share website or FTP login details. But I don’t think it’s needed.

I’ve changed the search bar text colour on the plugin, but it remains the same on the front end. When I review the source code, the font colour’s HTML code is correct, but it still displays in the default grey. See page:
https://www.adams.africa/firm-overview/our-team-list/

I’ve attached a screenshot with the colour selected for your reference.

Could you please have a look why this is happening?

Thank you in advance.

Marcelle

[Ernest Marcinko]

Hi Marcelle,

The screenshot didn’t go through I’m afraid, currently I am seeing the following input color: https://i.imgur.com/WaKS5ph.png
Is that different from what is set on the back-end?
Can you add back-end access so I can cross check? Thank you!

[MarcelleC19]

Hi Ernest!

Ok, thank you! Now I know that I’m looking at the wrong text setting.

I want to have a better contrast between the placeholder text (Search for the relevant professionals…) and the search bar background.

Where / how can I change that?

[Ernest Marcinko]

The color should be the same as the input color, with a lower opacity.

In this case I am seeing a global placeholder CSS rule, that overrides the color of that. Use this custom CSS to change the color of the placeholder please:

input.orig::placeholder {
    color: rgb(55,55,55) !important;
}

That should do the trick.

[MarcelleC19]

Fantastic! Thank you so much for the quick response and the css that I can add 🙂

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts