+ Rispondi alla Discussione
Risultati da 1 a 9 di 9

Plugin WP

Ultimo Messaggio di newwebmaster il:
  1. #1
    User
    Data Registrazione
    May 2011
    Località
    modena
    Messaggi
    300

    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?

  2. #2
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    772
    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.

  3. #3
    User
    Data Registrazione
    May 2011
    Località
    modena
    Messaggi
    300
    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

  4. #4
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    772
    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:

    Codice:
    border-style: solid !important;

  5. #5
    User
    Data Registrazione
    May 2011
    Località
    modena
    Messaggi
    300
    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!

  6. #6
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    772
    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:

    Codice:
    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

  7. #7
    User
    Data Registrazione
    May 2011
    Località
    modena
    Messaggi
    300
    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!

  8. #8
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    772
    Citazione Originariamente Scritto da newwebmaster Visualizza Messaggio
    div.wpcf7.button, input, select, textarea
    Perfetto, ottimo

  9. #9
    User
    Data Registrazione
    May 2011
    Località
    modena
    Messaggi
    300
    Grazie Hub!

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.