- This topic has 1 reply, 2 voices, and was last updated 8 years, 11 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
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?!
var cx = '003679217349772373289:ivmvrlmojfq';
var gcse = document.createElement('script');
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script');
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 @ Ladebug Studios
© 2023 WPEngine, Inc.