Come personalizzare lo stile del pulsante di caricamento file con il css?

Quando metti un modulo sul tuo sito, il pulsante di caricamento dovrebbe somigliare agli altri tuoi pulsanti. Google Forms mantiene il proprio aspetto per il pulsante di caricamento file e non ha spazio per i tuoi stili, e un Google Form incorporato sta in un iframe che il CSS del tuo sito non raggiunge. Con Formfacade scrivi il CSS per la classe addfile nella scheda Advanced delle impostazioni del modulo: sfondo, bordo, carattere e colore. Il pulsante di caricamento del tuo modulo cambia di conseguenza, e le risposte continuano ad arrivare al tuo Google Form.

Iniziamo. Crea il tuo modulo e segui i passaggi qui sotto.

Come scrivere il css personalizzato?

  • Nella pagina che si apre, dai un nome al modulo, fai clic su Create form e poi su Proceed.
  • Se ti chiede "Do you want to preview this form?", fai clic su No.
Le schede Edit, Preview, Share e Responses, con Edit evidenziato
  • Nella pagina Edit, fai clic sul titolo del modulo, poi sull'icona dell'ingranaggio.
Il titolo del modulo nella scheda EDIT, con EDIT, il titolo e il suo ingranaggio evidenziati
  • Seleziona la scheda Advanced e aggiungi il CSS personalizzato.
Le impostazioni del modulo con la scheda Advanced e la casella Custom CSS evidenziate
  • Puoi cambiare il colore di sfondo, il bordo, il carattere, il colore del carattere ecc. applicando gli stili css alla classe "addfile" come mostrato qui sotto e fare clic sul pulsante Save.
La casella Custom CSS con gli stili per la classe addfile e il pulsante Save evidenziato
Il pulsante di caricamento del tuo modulo prende i tuoi stili.

Riepilogo

Google Forms non ha un posto per cambiare lo stile del pulsante di caricamento, quindi stona sul tuo sito. Con Formfacade scrivi il CSS per la classe addfile nelle impostazioni Advanced del modulo e il pulsante prende i tuoi stili. Crea il tuo modulo e completa i passaggi qui sopra. Se hai domande, scrivi all'assistenza.

Ultimo aggiornamento: