Changing the Colour of Search Widget

courtneysmall · Member · February 26, 2018 at 2:38 pm
Copy link

Add topic to favorites
Is there a way to change the colours for the WordPress “search” widget for this theme? When adding the search widget, the search bar is “black” and the search submit button is a “teal.” Is there a way to change this? Or at least make the search bar either “white” or “light grey”?

The blog I need help with is: (visible only to logged in users)
mauryaratan · Theme Author · February 26, 2018 at 5:07 pm
Copy link
Hi there,

I sure can help you with that with a little CSS tweak. Can you please put the search bar in place on your site so I can take a look and provide you with CSS?

Thanks.
courtneysmall · Member · February 26, 2018 at 6:40 pm
Copy link
Thank you for your response. I have added the search widget to the main sidebar.
mauryaratan · Theme Author · February 26, 2018 at 6:55 pm
Copy link
Thanks. Try adding the following code:

.search-form .search-field { background: #e6e6e6; color: black; }

Let me know how it looks to you.
courtneysmall · Member · February 26, 2018 at 7:31 pm
Copy link
The search bar looks much better. Thank you!

One more question for your. Is is possible to also change the search widget button colour (and the button colour of responsive “menu” button that appears in the top right corner when the browser window size is reduced) so that the button itself is “black” and the word within it remains “white”?
mauryaratan · Theme Author · February 27, 2018 at 5:48 am
Copy link
Sure, try adding the following:
```
.search-submit.search-submit, .menu-toggle {
    background: black;
    color: white;
}
```
courtneysmall · Member · February 27, 2018 at 1:38 pm
Copy link
Great! Thank you for your assistance. Much appreciated.

No items found.