How to show search in Black headersearchcox

[equivideo]

We use a black header on our websites with white typle which shows up really well.

https://goodlocally.com

The problem is when the searchbox pops down it has a black border and  a white area for search and hence the search terms that the user is typing do not show. Is there any way I can still have white text on the menu and black tezt (or at leasr visible text) in the search box.

[Kieran_SQ]

Hi,

You can override the colors of the two states for the header ajax search form with the below CSS. Add this snippet to your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css. Once you have saved your changes clear your website cache, purge any CDN and then clear your browsers cache (Ctrl+F5) to see the changes.

COPY CODE

input.ajax_s.form-control {
    color: #000000;
    background-color: #FFFFFF;
}
input.ajax_s.form-control:focus {
    color: #000000;
}

This CSS will make the background of the input white (#FFFFFF) and the font color black (#000000), when the input is selected the color black is defined again for font to make sure the colors are the same.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[equivideo]

Excellent support as always. Much appreciated.

[Kieran_SQ]

Hi,

You’re welcome 🙂 Feel free to open a new ticket any time and we’ll be happy to help again.

If you have a spare moment today please consider leaving the support you have received / KLEO a review on ThemeForest. Every review really does help.

https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/reviews/6776630

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts