Search Button Not Showing Properly

Search button can be adjusted by normal css code, as any other button of your site.
You or your site designer can change the look of this.
(The attached URL is not reachable, because it is redirected to https://www.google.nl)

I cant give an adult site in here but if you have email or skype i can send the link.

I need a css code to fix that button. The button search icon doesnt shown. Also the dimension is not what it should be.

You can see in here:

How can I set these settings: ??

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	padding: 0px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: 20px;
	height: 20px;
	padding: 6px 27px;
	min-width: 25px;
	margin-top: 2px;
}

This code is added by Google.
Our plugin is inserts Google Custom Search to your WP site, but most of the codes (like the css code above) comes online from Google.

In the plugin itself there is some basic CSS code to modify Google code, this own css is in wgs.css file of the plugin directory. You can create some similar CSS that can overwrite the Google original css settings. You can use “Custom CSS Manager” plugin to add custom CSS to your site.

Our e-mail address is [email protected]

Sent the link to your email address, could you please look at our site and give us a custom css code for fixing?

I just need to increase search button size and remove “clear” icon from search button when typing text..

Hi again, I read your email and we have removed popads code from our homepage, so you can delete your existing cookies and re enter the site again, there is no problem for now. Please help about custom css code for this.

Hi,

The following css may change the look of the search box.
Please use !important tags in it if it needed to overwrite other css settings.

.wgs_wrapper {
	width: 300px;
	margin-left: 30px;
}

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	padding: 3px;
}

#widget .wgs_wrapper tr td{
	padding: 0 3px 0px 0px;
}

td.gsc-search-button {
	width: 50px;
}

Peter

Okay thanks Ive changed a little bit and it fits now, could you please look at it?

Hi,

Yes, I have look at it, and I can see, that the supposed CSS settings hardly applied. So tho look of the search box is different that I sent it to you by mail.

Peter

Ive changed the code because it shows so long search box when it comes to mobile phones, now its still long but suitable.
Thanks for the true css settings. I wish I could make the search button much bigger and remove the “x” clear icon/button from the near of search button. If you can give me the another css then it would be so good..

Again thanks..

Hi,

Please ask you site designer to create the appropriate css code for achieve the needed appearance.

Thanks,
Peter

Search icon is not showing, what can I do?

https://www.jorplast.com.br

This plugin just include the search box and search results generated by Google into your WP site. Every theme has an effect on displaying search elements, and may have a conflict between styling of Google Search and your theme. You or your site designer can apply some custom css to modify the look of the search button in case of your specific theme.
The plugin has some general css code that may correct some common display issue caused by theme conflict, but this correction can not be fully general, because every theme is different. In the next version we are going to change built in css code, that may solve some existing styling conflict.