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
- 20 Migliori idee per la generazione di lead nel settore delle coperture per il 2024
- Come creare moduli avanzati GoHighLevel a più fasi con Growform
- Come impostare Jornaya (costruire un modulo Jornaya) con Growform
- Come creare un modulo di richiesta Asana in più fasi (senza codice)
- Come creare moduli multi-fase di Hubspot (senza codice)