• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.1 Help with google custom search in header


Active member
Hi to all, i have a problem with a google custom search box. I don't know whats the problem, but the google search only show in safari, in firefox i can't see.

I add the search box in the following way.
One new template with name: GoogleSearch and following content.

<!--BEGIN Danny CSE-->
<fieldset id="GoogleSearch">
<form action="pages/search" id="cse-search-box" class="formPopup">
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxxx" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
<div class="primaryControls">
            <span class="textboxcontainer"><span><input type="search" name="q" id="googlesearchquery" class="textCtrl" /></span></span>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=es"></script>
<!--End Danny CSE-->
I add the template to the end of search_bar, and move with CSS:
#GoogleSearch{display: block;
position: absolute;
right: 20px;
top: -110px;
margin: 0;
background-color: rgb(240,240,240);
border-radius: 5px;
padding-top: 5px;
z-index: 7500;

A image working on safari
Captura de pantalla 2013-07-17 a la(s) 19.28.57.png

Any idea about the problem ??? thanks a lot.