Hi. I’m trying to use Google Custom Search in a widget (for the search box, not results). I can’t seem to customize the div borders to be white or not to exist at all. Right now the search box has many borders. I tried inline css like border:none; border-color:#ffffff; but did not fix. I was able to do this with other themes.
See this pic for problem:
https://imgur.com/PE4yeG0
The Google results page looks OK though because you can style within the AdSense control panel. Thank you!
Hi,
Please provide me a link to your website and I will provide to you the custom css that you need to remove those borders from search box.
Thank you!
Hi. Here is an example page. Thank you.
https://hd-report.com/category/blu-ray-disc/
Hello,
You can use a custom css and from this -> http://prntscr.com/p1lbnv will be like this -> http://prntscr.com/p1lc20
.custom-html-widget .gsc-input, .gsib_b, .gsc-search-button {
border: none;
}
.custom-html-widget .gsc-input #gs_tti50, .gsc-search-button.gsc-search-button-v2{
border: 1px solid #444;
}
.gsc-search-button{
float: left;
}
Hope this will help you!
Thank you!
thank you that worked!
I can’t customize the div borders to be black in the Google Search bar At the moment, the search box has no borders. I tried to find the code but not find it.
My website: https://website.grip.org/
thank you
Hi a.harmach,
Please try this custom css -> http://prntscr.com/pz5ff7
.gsc-control-searchbox-only{
border: 1px solid #2A94D1;
border-radius: 5px;
}
.gsc-search-button-v2{
padding: 12px 27px 6px 27px;
}
form.gsc-search-box {
margin-bottom: -2px;
}
The code need to be set in Theme panel> Custom code> Custom css
Hope this will help you!
Thank you!
