Search Bar Color

[Keremdo]

Hey Guys, how can i change the background and font color of the standard search in the navigation?
When typing the word its fine, but when showing the results directly without clicking enter you cant see anything because of the black background color.

Bests,

-Steve-

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.ajax-search-results .search-item-content a, .ajax-search-results .search-item-content time, .ajax-search-results h3 {
  color: #fff;
}

– Kyle

[Keremdo]

Hey,

i need the background to be white like the wishlist dropbown box cause on black background you cant see all the font and so on…

[Kyle – SUPPORT]

Ok then instead use this css:

.ajax-search-wrap {
  background-color: #ffffff!important;
}

– Kyle

[Keremdo]

Hey,

that works for background! 3 other things:

1. The type in color for search changes with the navigation color ( menu item text color )
Since i want to use a more brighter or white item text color, the color in the search bar is the same but on white background you can hardly see this, so i need to change just the Search bar input text color.

2.On Ipad the search does not work, somehow when trying to type the keyboard fades away so there is no way to use the search on ipad landscape. How come?

3. On mobile, the search results are “glued” to sides, there is no space which doesnt look good. ( picture attached )

-Steve-

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.ajax-search-wrap input[type="text"], .search-result-pt h6, .no-search-results h6, .search-result h5 a, .no-search-results p {
    color: #000 !important;
}

#main-nav .ajax-search-wrap input[type="text"] {
    padding: 12px 20px;
    color: #000 !important;
}
@media only screen and (max-width: 767px) {
ul.blog-items {
    list-style: outside none none;
    margin: 0px !important;
}
}

[Keremdo]

Hey,

thanks works great except on Ipad Search,
you have to type twice for the keyboard to stay, can you check?

Thx!!

-Steve-

[Mohammad – SUPPORT]

Hi,
It seems to fine to me. I forward it to my colleague will also check it.
Thanks
Mohammad