Ajax search box color

[joy]

Can someone help me with this please? I can’t get the font color or the background of the ajax box to change. Currently, the font color within the input box is white, so it’s unseen when someone types. I’ve tried several CSS changes, this one being the most recent, to no avail:

COPY CODE

.header-color input[type="text"] {
color: #444444;
}

I would also like to change the background color of the ajax search box too. The font color in my regular search box is working just fine.

Thank you.

[sharmstr]

Assuming you’re talking about the ajax search in the menu, here are most of the bits

COPY CODE

#ajax_search_container {
  background-color: blue !important;
  color: pink;
}

.ajax_search_content a {
  color: pink;
}

#ajax_searchform input {
  background-color: red;
  color: green;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Andrei]

Can you please post a screenshot pointing to which ajax search box do you refer ( as we have two of them )?
Looking forward.

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

[joy]

It’s this one. Is the code that @sharmstr correct to fix the text color in this search box?

Attachments:

You must be logged in to view attached files.

[joy]

Please note, that when someone is actually typing in the search box, the background is white and the text is white. They cannot see what they are typing. However if they click outside of the search box, the background color changes, and their text is visible.

If possible, I would like to change the background and the text color. I feel it is too dark and of course the text needs to be visible while a search is in progress. Thank you.

[joy]

Oh! Nevermind, the code that was provided is correct. Thank you very much.

[Andrei]

I’m glad to hear that your issue is fixed.
Cheers

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

[chunkee]

Has something changed here? I cannot find the Code in the app.min.css to make the appropriate changes. I am having the same issue. My heading text color is white, search input needs to be changed to a darker color to be visible in the search bar.
Thank you.
Chunkee

[chunkee]

Have tried a few of the CSS areas to no avail. I need to keep the white font for the nav links, but need a dark gray for the search input.

Attachments:

You must be logged in to view attached files.

[sharmstr]

@chunkee – Dont edit any css files except /kleo-child/styles.css. The code to change the search input is

COPY CODE

#ajax_searchform input {
  color: #ccc !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts