Pregunta sobre Contact Form 7 de Wordpress:

Manipulación de Textarea CSS

Un usuario preguntó 👇

Hola,

Ya he intentado averiguar si algún material aquí podría ayudarme. Pero no puedo encontrar una solución a mi problema.

El problema es que no puedo manipular el área de texto, especialmente a través de CSS. Mi código es como:

/* Submit Button CSS Styles */ 
.wpcf7 input[type=submit] 
{ 
padding:15px 45px; 
background:white; 
color: #000000; 
font-size:20px; 
font-weight:bold; 
border:0 none; 
cursor:pointer; 
border-radius: 5px; 
}

/* Label Text Styles */ 
.wpcf7 label 
{ 
padding: 0 0 10px 0; 
font-size: 20px; 
} 

/* Text Input Field Styles */ 
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number], 
.wpcf7-select
{ 
font-size:15px; 
width: 30%; 
background:white; 
color: #000000; 
border-radius: 5px; 
} 

/* Textarea Field Styles */ 
.wpcf7-form textarea
{ 
width: 80%;

} 

/* Overall form styles */ 
.wpcf7 
{ 
background-color:white; 
}

Todos los demás campos están bien y responden al código. Solo textarea está muerta.

¿Alguien tuvo una idea?

Gracias por adelantado

(@takayukister)

hace 3 años

Mira Formulario de contacto de estilismo

(@kanthor)

hace 3 años

Hola Takayuki,

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 50%;
}

no funciona. No sé por qué el área de texto no me funciona.

(@judgerookie)

hace 3 años

inspector de registro:

estilos:
https://zackig.info/wp-content/themes/bridge/css/stylesheet.min.css?ver=4.9.2

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea. wpcf7-form-control.wpcf7-textarea {ancho: 100%; }

https://zackig.info/wp-content/themes/bridge/css/custom_css.css?ver=1517257567
.wpcf7-form textarea {ancho: 80%; }

html:

intente textarea.wpcf7-form-control.wpcf7-textarea {background-color: #fff; color: # 000; ancho: 50%; } en lugar de .wpcf7 textarea {background-color: #fff; color: # 000; ancho: 50%; }

PD: Probablemente sea genial en computadoras de escritorio y tabletas, pero es posible que desee hacer el ancho demasiado pequeño, ya que puede que no sea lo que necesita en otros medios como dispositivos móviles / iPhone.

Esta respuesta fue modificada hace 3 años por.

(@kanthor)

hace 3 años

juez novato

¡Funciona! ¡Muchas gracias!

¿Cómo consiguió esta pregunta?

(@judgerookie)

hace 3 años

Hola

Me alegro de que haya funcionado.

En el inspector del navegador, se mostraba que su CSS se personalizó como hijo para el padre de CSS y, por lo tanto, se estaba mejorando. ¡Como padres reales!

Esta respuesta fue modificada hace 3 años por.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *