Adding Google Custom Search

Get Started
1

I would like to add Google Custom Search to my header on http://www.strongfamilies.us. However, when I insert Google Custom Search, it touches (sits on top of) the blue horizontal bar. How can I adjust (lower) this bar allowing for some space between the bar and Google Custom Search? Thanks.

2

In #header, change your height from 230px to whatever you need to give the required amount of space.

3

Thank you. This worked! However, I have another problem. When entering the Google Custom Search code in header.php, the main domain for the site, http://www.strongfamilies.us, doesn’t open in IE. The following is the code:

<style type=“text/css”>
div.gsc-control-cse form.gsc-search-box {
width: 300px;
}
</style>

<!-- Put the following javascript before the closing </head> tag. –>
<script>
(function() {
var cx = ‘008483463348215367881:9xg2dfdjx2i’;
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>

<!-- Place this tag where you want both of the search box and the search results to render –>
<gcse:search></gcse:search>

Do you have any suggestions in how to correct this issue? Thanks.

4

I’m guessing, because I don’t have IE handy to check just now, but if it opens OK in other browsers, it may be a security setting in IE. I seem to recall it can be funny about scripts. Is it giving you any message about blocked content or similar? Which version of IE are you using?

5

I am using IE 9.0. I have removed the script since encountering this issue. I didn’t want to run the risk of a viewer unable to open the site using IE. Is there anything within the code that could be causing this issue? I am very reluctant adding this code if this problem continues. Thanks.