Change colour of search button

Hi,

it’s in:
Customize / Header / select your SEARCH icon / in the left pannel go to STYLE
Here you can change the colors of the search icon.

I’m in there currently but it doesn’t give me a SEARCH option?

It just has two blocks to choose from: Logo & Site Identity, and Primary Menu.

The Search button is part of the Primary Menu.

Ha! if it’s part of the primary menu it’s different! I don’t think it’s Neve related and I don’t think that you can edit the color of only 1 item of your menu with CSS, but I might be wrong.
You can try to use the Neve search icon feature instead.

If you use a plugin to have an search icon in your primary menu you’ll have to look there

It came with the Neve theme as far as I know…

Its part of the Menu section as a custom link:

<form role=”search” method=”get” id=”searchform” class=”searchform” action=”https://website.com.au/”&gt; <div> <label class=”screen-reader-text” for=”s”>Search for:</label> <input type=”text” value=”” name=”s” id=”s”> <input type=”submit” id=”searchsubmit” value=”Search”> </div> </form>

Sorry I have no idea what your search icon is, but I don’t think it comes with Neve.

Hi @danzmwl,

The part of the code you shared doesn’t seem to look like the default search from Neve.
Could you please provide the URL to your website to have a better look?

Thanks!

Yep its https://dickosdogkennels.com.au/

I’m totally happy to remove the current search button and replace it with some Neve option; I’m just not sure what that option is.

2 options NEVE offer:
https://docs.themeisle.com/article/1228-header-search-icon
https://docs.themeisle.com/article/1229-header-search-form
Hope it helps!

I saw that you added the button with Elementor plugin. If you click “Edit your page with Elementor” you should be able to click and edit it from Style section. Here is a guide that can help: https://docs.elementor.com/article/59-button.
Another option is to add the following code to your Appearance -> Customize -> Additional CSS with your desired colors:

input#searchsubmit {
    background-color: black !important;
    color: white;
} 

If you want to use the search from Neve theme go to Customize -> Header -> Change Menu and enable the Search icon: https://prnt.sc/ubbi4i.

Hope that helps!

Awesome, the Neve help docs fixes it. Thanks very much for your help!