Search bar typing border color

Support
#1

I’m using cornerstone, and entered the a search bar element.

i’m trying to change the color of the search bar’s border whenever i start typing in the box.

it starts off as DDDDDD

but then goes to BFBFBF

how can i change it, so that instead of BFBFBF its something else? like 20A5D6

the link i’m referring to is http://mts.iverdesigns.com/knowledge-base/

#2

Hi there,

Please try this code:

.form-search .search-query:focus {
    border-color: #20A5D6;
}

Hope this helps.

#3

I have a similar issue.

Currently, once I select the search function… it goes to fullscreen with a white background and a yellow font. Barely readable.

I would like to make the background black.

#4

Hi There @MichaelAnthonyMurray

Try adding the following CSS rule into your Customizer, Custom > Edit Global CSS area.

.x-searchform-overlay {
    background-color: #000000;
}

Hope that helps.

#5

Worked perfectly! Thank you!

#6

Glad we were able to help :slight_smile: