Grossir le champs et bouton pour la recherche personnalisée Google (adsense)

[reg25]

Bonjour,
voilà mon souci du jour
J'utilise depuis 2011 un champs de recherche personnalisée google fourni par adsense.
A cette époque, il était facile d'intégrer directement des paramètres dans ce code pour que le champs et le bouton soient dans le style du site.

Ce code vieillissant, j'ai fini par avoir des soucis de fonctionnement. J'ai alors mis le nouveau code fourni par adsense qui n'a plus rien à voir avec l'ancien. Mes connaissances ne me permettent plus de l'adapter à mon goût à mon site.

​

Je voudrais simplement :
- augmenter la hauteur du champs et du bouton
- régler la largeur du champs
- optionnellement augmenter la taille des caractères saisis.
- optionnellement écrire recherche au lieu de rechercher sur le bouton

je précise que l'on ne peux visiblement pas jouer sur ces paramètres depuis adsense.

voilà le script :

<script>
(function() {
var cx = 'partner-pub-XXXXXXXXXXXXXXXX:XXXXXXXX;
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

J'ai déjà essayer de mettre une class div autour du script mais sans succès
Merci beaucoup à tous ceux qui auront des pistes simples à me donner

 

[cthierry]

Peut être quelques pistes ici avec la personnalisation de l'apparence de ton moteur de recherche en utilisant le fichier de contexte, qui est la spécification XML de ton moteur de recherche sur ton site Internet :
https://developers.google.com/custom-search/docs/ui_xml