Tag: CF7

Arrotondare campi Contact Form 7

canada goose down women https://www.parkaverkooppunten.nl Canada Goose down outlet authentic Ecco un bel CSS da aggiungere allo style.css del vostro plugin Contact Form 7 per arrotondare i campi di inserimento testo 🙂
Il primo é per tutti i campi di testo canada goose coats retailers in denver https://www.canadagoosejacketonlines.ca/ canada goose authentic patch, il secondo per area di testo.


/* Contact 7 CUSTOM Form
--------------------------------------------- */
.wpcf7-text {
width:160px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

.wpcf7-form textarea {
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

Watch movie online The Transporter Refueled (2015)

Come personalizzare CF7 cambiare sfondo e bottone invia

Ecco qualche tip per personalizzare CF7 (Contact Form 7 – plugin per WP)

Il seguente codice per mettere uno sfondo al nostro form e un marige (in questo caso sempre dello stesso colore) in modo che poi, aggiungendo un padding, il testo rimmará centrato in base allo sfondo.
Quindi, aprite lo style.css del vostro CF7 e inserite in fondo alla pagina:

.wpcf7-form {background:#FFF; border: 10px solid #FFF;}
.wpcf7 p {padding-left: 12px;}

Per modificare invece il bottone di invio (custom send button) basterá caricare sul nostro server l’immagine desiderata da sostituire con il bottone classico. Una volta caricata andiamo sul nostro CF7 e modifichiamo DENTRO al form la voce send. Essenzialmente vedrete quanto segue:

Nome e Cognome*
[text* your-name]

Azienda*
[text* Azienda]

Città*
[text* Citta]

Telefono*
[tel* Telefono]

Email*
[email* your-email]

Il tuo messaggio
[textarea your-message]

(aggiungere < e > prima e dopo la frase seguente) input onclick=””submit” type=”image” src=”http://www.spaziopromozionale.it/wp-content/uploads/2013/07/send-blue.png” /

Il risultato sará il seguente (lo sfondo grigio é lo sfondo del layout di pagina, il CF7 é il riquadro bianco)

Schermata 2013-07-22 a 10.42.21