Avisos
Vaciar todo

Añadir una linea de separación entre cada campo del formulario

4 Respuestas
2 Usuarios
1 Reactions
9 Visitas
Respuestas: 197
Estimable Member
Topic starter
 

Buenas tardes, me gustaría añadir una linea debajo de cada campo como separación entre cada campo del formulario:

image

os mando un ejemplo:

image

 

Muchas gracias.

Contenido solo visible a usuarios registrados


 
Respondido : 19/10/2023 4:15 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Roberto, 

En este caso puedes enviarnos la URL donde se encuentra el formulario donde deseas añadir estas lineas?, de esta forma podemos revisarlo con mayor detalle. 

Un Saludo


 
Respondido : 19/10/2023 5:17 pm
Respuestas: 197
Estimable Member
Topic starter
 

Hola @karen, es para la pagina de contacto : https://venemoto.es/contacto/ quiero que salga una linea debajo de cada campo como separación.


 
Respondido : 19/10/2023 5:23 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Roberto, 

Si ingreso a tu sitio web actualmente veo que muestra la línea pero en todo el input

image

Si deseas que sea en este para ello puedes probar añadir el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional

.dsdep-contact-form input, .dsdep-contact-form p input, .et-db #et-boc .et-l .dsdep-contact-form input, .et-db #et-boc .et-l .dsdep-contact-form p input {
border: 0px !important;
border-bottom: 1px solid #757575 !important;
border-radius: 0px !important;
}

.dsdep-contact-form textarea, .dsdep-contact-form p textarea, .et-db #et-boc .et-l .dsdep-contact-form textarea, .et-db #et-boc .et-l .dsdep-contact-form p textarea {
border: 0px !important;
border-bottom: 1px solid #757575 !important;
border-radius: 0px !important;
}

Con este código debe mostrarse de la siguiente forma

image

Verifícalo y nos comentas como va todo

Un Saludo


 
Respondido : 19/10/2023 5:36 pm
Roberto reaccionó