Come utilizzare i CSS personalizzati con Growform
Growform offre potenti opzioni di personalizzazione nelle impostazioni del tema. Tuttavia, a volte è necessaria una maggiore personalizzazione.
Se avete bisogno di personalizzare elementi che non sono raggiungibili con le impostazioni abituali, potete usare i CSS personalizzati.
Attenzione, stiamo entrando nel territorio degli sviluppatori: assicuratevi di testare accuratamente il vostro modulo prima di renderlo operativo.
Trovare le impostazioni CSS
Per trovare le impostazioni CSS personalizzate, navigare sul proprio modulo nel costruttore Growform.
Quindi, premere “Modifica impostazioni del modulo” e trovare “CSS personalizzato (sperimentale)” nelle impostazioni avanzate:

In questo riquadro si possono inserire i normali CSS, ad esempio il seguente sarebbe perfettamente valido (anche se potrebbe essere sovrascritto da altri stili nel modulo):
a {
color: blue
}
Elenco dei tag target ed esempi
Oltre ai normali tag CSS che possono essere influenzati (come “body”, “a”, “p” e così via), il seguente foglio CSS di esempio include tutti i tag aggiuntivi che possono essere bersagliati, con esempi di personalizzazione. È inoltre possibile utilizzare le media query per ottenere un ulteriore controllo.
.parentContainer {
background-color: pink;
}
.formBackground {
background-color: blue;
}
.continueButton {
background-color: green;
}
.progressBar {
margin-top: 50px;
}
.button {
background-color: purple;
}
.button > span {
font-size: 15px;
}
.firstButtonInRow {
background-color: orange;
}
.backButton {
color: black;
}
Serve altro? Stiamo lavorando attivamente alla nostra offerta di stili personalizzati, anche per rendere personalizzabili altre parti di Growform.
Contattateci per fornire un feedback e aiutarci a definire la roadmap.
Recent Posts
- 6 Migliori pratiche di progettazione dei moduli mobili per ottenere conversioni più elevate
- Esaminiamo i migliori strumenti per la generazione di lead B2B per potenziare le tue campagne
- Prezzi di Typeform: Scopri i costi nascosti e un’alternativa migliore
- Come ottimizzare il Lead Scoring B2B per chiudere più velocemente le vendite
- Ecco le migliori alternative a Google Forms per una raccolta dati più efficiente