2014-04-09 17 views
5

Stiamo utilizzando il motore di ricerca personalizzato di Google su uno dei nostri siti Web e uno degli elementi all'interno dell'iframe è .gs-webResult {width: 42em;}Come forzare la ricerca personalizzata di Google ad essere reattiva?

Questo è fondamentalmente un div del contenitore su ogni riga del risultato. Non riesco a cambiare il codice CSS direttamente dal mio sito Web poiché si trova in un iframe.

Questa è l'unica domanda simile sono stato in grado di trovare: https://drupal.org/node/1420294

la risposta è stata:.

"È necessario configurare che nel sito di Google AdSense, nel tuo annuncio di ricerca Uno degli ultimi le impostazioni sono la larghezza del frame dei risultati di ricerca.

La modifica del contenuto di tale frame non è possibile. "

L'ultima riga in cui "cambiare il contenuto di quella cornice non è possibile" mi sembra abbastanza improbabile.

Quindi la mia domanda è, come potrei cambiarlo .gs-webResult {width: 100%;} O c'è un'opzione che mi permetta di rendere il motore di ricerca reattivo?

Grazie

risposta

6

Il lavoro intorno è quello di impostare la ricerca personalizzata di Adsense e quindi aprire il pannello di controllo di ricerca personalizzati https://www.google.com/cse/all.

Scegliere il motore di ricerca che si desidera modificare, quindi nel menu di sinistra fare clic su "Aspetto e aspetto" in cui sono disponibili varie opzioni, inclusa la risposta. Scegli quello che vuoi e poi 'Salva e ottieni codice'

+0

So Responsive è un'opzione per AdSense regolare (e che funziona bene), ma non lo vedo nell'elenco "Aspetto e aspetto" del Pannello di controllo personalizzato ... – winwaed

+0

Sembra che questo sia qualcosa che Google ha modificato da allora. Sebbene non ci siano opzioni ovviamente reattive nella pagina Look & Feel, sembra che l'impostazione predefinita produca un codice reattivo. Vale a dire. Sono andato all'URL sopra e ho rigenerato il codice. Il risultato è molto diverso dalla pagina di ricerca personalizzata di AdSense (una nuova implementazione?) E sembrerebbe essere reattivo! Mi chiedo se tutte le opzioni siano ora reattive - da qui la mancanza di un'opzione reattiva ... – winwaed

+0

Basta usare l'opzione: "Solo risultati" e funziona! –

2

sono stato in grado di ottenere l'iframe per lavorare responsabilmente sul mio sito per lo styling l'iframe direttamente:

#google-cse-results iframe { 
    height:1860px; width:100%; 
}