HostOnNet Blog

Google Custom Search button not working ?

Today, replaced the WordPress default search with Google Custom Search in navbar .

But search button was not visible after adding the code.

search-button-not-visible

So added new search button with help of of following CSS code

.cse input.gsc-search-button, input.gsc-search-button {
    background: url('./images/search-button.png') no-repeat !important;
    text-indent: -9999em;
    border: none !important;
    width: 70px;
    height: 24px !important;
}

For Google Custom Search code, Go to https://www.google.com/cse and sign in using a Google account. Once there, click on New Search Engine and provide your website’s URL. The URL will also be used as your search engine’s name in your Google Custom Search Engine dashboard. Click on Create button to proceed to the next step.

custom-search-code

On the next page, you will see a notification that you have successfully created your custom search engine. You will be presented with an option to add it to your site or get the public URL. To add this custom search engine click on the Get Code button.


About hostonnet2

Bootstrap and Android LOVER.

I’ve been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.

Posted in Google, Wordpress