How can I change the background color of the text input field in the forum toolbar without also changing the background under the fa-search icon, when the text field is hidden? Any ideas? Thanks.
I actually want to change every text input field background color and I haven't found any one place to do so. I have implemented half a dozen css changes that have changed the background colors in most areas, but not the search input field. It's inherited color is white. Does anyone know where that field color is originally set, or was it never defined and just defaults to white? Thanks again.
Nevermind. I figured it out.
.wpf-search input[type="text"]:focus
OK, another question:
I would like to chage the Fa search icon color when the search form is in use. I used ':focus' to target the search form text input field when it is open, but that isn't working for the FA icon.
Does anyone have any idea how I can set the FA icon color differently, depending on whether the search form is visible or not? I appreciate the guidance.
Please try the following JS code:
jQuery( ".wpf-search" ).click(function() {
jQuery("#wpforo #wpforo-wrap .wpf-search i").css("color", "#00070b");
});
Please note the red marked value can be changed.
The code should be added in the current active theme JS files.
Here is an instruction on "How to Add Javascript Without Breaking Your WordPress Site": https://www.collectiveray.com/add-javascript-to-wordpress