CSS para personalizar formulario de contacto con WPForms

/*form container*/
.wpforms-form { 
  background-color: #fff!important; 
  padding: 20px!important; 
  border-radius: 8px!important; 
}
/*etiquetas*/
.wpforms-field label { 
  font-weight: bold!important;
  color: #eaba2a!important; 
  margin-bottom: 15px!important; 
}
/*fields*/
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
     padding: 15px !important;
     border: 1px solid #dedede;
     border-radius: 20px; 
}
/*boton de envio*/
div.wpforms-container-full .wpforms-form button[type=submit] {
    margin: 0 auto !important;
    display: block !important;
	width:100%!important;
	border-radius:15px;
	font-weight:bold;
	color:#dedede!important;
	background-color:green!important;
}
/*captcha*/
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

Deja un comentario