Koding
Oct15

Style contact form 7 di kentooz themes

Ktzagcplugin free agcplugin
Iklan

Style contact form 7 di kentooz themes. Untuk themes muhidin, elegantbos dan sibos style ini sudah ada di CSS nya masing masing. Selain themes itu bisa coba menggunakan style yang ane gunakan di 3 themes tersebut, masuk ke style.css terus tambah kode CSS berikut:

.wpcf7 p {
	clear: both;
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
} 
span.wpcf7-form-control-wrap {
	display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
	top: 3px;
	left: 5px;
	background: transparent;
	color: red;
	border: 0;
}
.wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip {
	top: 10px;
	left: 78px;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"],  
.wpcf7 input[type="date"],  
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 textarea, 
.wpcf7 select {
	width: 95%;
	margin-top: 5px;
	margin-bottom: 10px;
	box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);	
	-webkit-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.05);
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.widget-area .wpcf7 input[type="text"], 
.widget-area .wpcf7 input[type="email"],  
.widget-area .wpcf7 input[type="date"],
.widget-area .wpcf7 input[type="number"],
.widget-area .wpcf7 input[type="tel"],
.widget-area .wpcf7 textarea, 
.widget-area .wpcf7 select {
	width: 88%;
}
.wpcf7 textarea {
 	max-width: 95%;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  margin: 0px 0 0;
	margin-top: 5px;
	margin-bottom: 10px;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}
.wpcf7 .wpcf7-captchac {
	float: left;
	border: 1px solid #CCC;
	padding: 3px 0 4px;
	margin: 6px 10px 0 0;
}
.wpcf7 input.wpcf7-captchar {
	float: left;
	width: 45%;
}
.wpcf7 input.wpcf7-submit[type="submit"] {
	border:5px solid #dddddd;
	padding:6px 12px;
	font-weight:bold;
	color:#fefefe;	
	box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);	
	-webkit-box-shadow: inset 0 1px 25px rgba(0, 0, 0, 0.025);
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.wpcf7 input.wpcf7-submit[type="submit"]:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

Save dan silahkan lihat hasilnya.
NB: Style ini khusus plugin contact form 7

Tags:
Iklan

Author: 

Freelance designer, tidak terpaku sama yang namanya waktu, hobby mengunjungi localhost setelah itu baru OL. Suka pusing kalau melihat kode kode yang aneh. :| Jangan lupa add ane di link social newtwork dibawah.

author

Related Posts "Style contact form 7 di kentooz themes"

Leave a reply "Style contact form 7 di kentooz themes"

Captcha: * Time limit is exhausted. Please reload CAPTCHA.