Google Custom Search Styling

[kenboer]

Hi,

I added a Google Custom Search to my site. http://www.scriptureinsong.com/google-search/

The styling does not work right, especially when you try typing into the search box. I am using the eleven40 Pro Theme.

I am using the script which Google provides (pasted below).

How can I get this to not look so bad?!

<script>
(function() {
var cx = '003679217349772373289:ivmvrlmojfq';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

http://www.scriptureinsong.com/google-search/

[jbergen]

Hi,

I took a look at your custom search box and the CSS, and I don't think there's an easy CSS fix. The best option may be to go back to Google and create a new custom search engine in which you specify your styling preferences. Here is a tutorial that explains how to do that for a Genesis theme. And here is a related tutorial that may also be helpful. Then hopefully you can incorporate the new custom search box and it will have the styling you want.

I hope that helps! Feel free to follow up if you're having trouble.
Jamie

---

Jamie @ Ladebug Studios

[Author]

Posts