Skip Navigation

[Resolved] How can I change the placeholder text colour in a [wpv-filter-search-box]

This support ticket is created 6 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 2 replies, has 2 voices.

Last updated by andrewF-6 6 years, 1 month ago.

Author
Posts
#1121573

Tell us what you are trying to do?
Change the placeholder text colour in a Text Search field - [wpv-filter-search-box]

Is there any documentation that you are following?
I have found no CSS or documentation that works in changing the PLACEHOLDER text colour.

Is there a similar example that we can see?
hidden link - you can see the drop down has blue text. I changed this with style settings. I would like the search box to have a different colour placeholder text if possible.

What is the link to your site?
hidden link

#1121914

The site is hidden, I cannot see what you refer to, but usually, the [wpv-filter-search-box] placeholder is passed as a native HTML placeholder input tag attribute and is styled as shown here:
hidden link

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red !important;
    opacity: 1 !important; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red !important;
}

The style is defined by browsers, so add this CSS as early as possible in your theme.

#1121932

My issue is resolved now. Thank you! Very much appreciated for the quick response...