- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Plugin WP
-
Plugin WP
Ho installato il plugin contact form 7 per WP, utilizzo lo short code per applicarlo ad una pagina e però quando visualizzo la pagina il form presenta tutti i campi ma non si vedono i box, il codice html è di default nel plugin non l'ho toccato e mi sembra corretto, qualche idea?
-
Ciao, da quello che dici potrebbe essere lo stile del tema che sovrascrive quello di Contact Form 7.
Usa l'Inspector di Chrome o Firefox, seleziona uno dei campi e controlla gli attributi di colore del bordo etc.
Oppure posta il link di quella pagina.
-
Ciao Hub, hai ragione, border style none..che cavolo che non si vede il contorno del form!
In WP per cambiare questa impostazione vado direttamente sul foglio di stile CSS di WP oppure essendo un plugin bisogna agire in modo diverso?
Grazie
-
L'ideale sarebbe usare un child theme per avere la certezza di non perdere le personalizzazioni, ma va bene anche nelle impostazioni e foglio di stile del tema.
Ricordati la proprietà "!important" in modo che dia priorità, esempio:border-style: solid !important;
-
Ciao, si ho provato con important, davanti ho messo * per richiamare e poi le graffe, però con l'asterisco richiama bordi ovunque, per richiamare solo il form?
Non l'ho capito con l'ispezionatore del browser.
Grazie!
-
Non devi usare l'asterisco ma il nome della classe Devi dichiarare su quale parte del codice html, che contiene una classe css, dovrai applicare uno stile.
Apri l'inspector e seleziona l'area che ti interessa, normalmente a sinistra vedi il codice html e a destra gli stili. Già qui in anteprima puoi modificare tutti gli stili che vuoi, poi copi il nome della classe e gli applichi i tuoi stili.Prova questa classe base di un campo input: input[type="text"] nota che non c'è il punto che precede il nome della classe:
input[type="text"] { border-style: solid !important; border-color: #ff0000 !important; border-radius: 9px !important; }dovrebbe applicare ai campi input un bordo rosso con gli angoli arrotondati, se funziona si prosegue con gli altri campi e le altre personalizzazioni.
Sarebbe meglio usare le classi di CF7 che non ricordo quali sono, iniziano con wpcf7-form, puoi farlo tu analizzando con l'inspector del browser.
Individua la classe giusta e su questa devi inserire il punto prima del nome: .wpcf7-form-altri-nomi-selettori
-
Ciao, dopo un po' di prove..bisognava oltre che definire bordo, colore, ecc, richiamare i vari elementi del modulo in questo modo:
div.wpcf7.button, input, select, textarea
Ora si visualizza bene ed è funzionante!
Grazie!
-
-
Grazie Hub!