Pregunta sobre Material Design for Contact Form 7 de Wordpress:

Contorno del cuadro de texto cruzando un contorno

Un usuario preguntó 👇

Dios los bendiga,

tengo un problema con mi campo de texto estándar. No activé el estilo heredado, por lo que la opción de esquema debería funcionar perfectamente o? El contorno se cruza con el contorno del cuadro de texto, que no está en la posición correcta, por lo que no ve el texto escrito con claridad.

puedes verlo aqui.

¿Se puede cambiar el color de todo el campo de radio, es decir, una etiqueta de tarjeta doblada?

Gracias Max

Este tema fue modificado hace 1 año, 8 meses por.

(@ contactform7addons)

Hace 1 año, 8 meses

Hola @maximilianspitz

¿Podría mostrarme su código de formulario? Además, si su sitio está en línea, ¿podría enviarme un enlace para que pueda depurar la interfaz?

En cuanto a las radios, ¿estás diciendo que quieres que las radios sean de un color diferente al resto de tus áreas? Eso requeriría algo de CSS personalizado, con el que estaré feliz de ayudar, pero necesitaré un enlace a su sitio.

Gracias angus

(@maximilianspitz)

Hace 1 año, 8 meses

¡Oye Angus, primero gracias por ese rápido rompecabezas!

Por supuesto, aquí tienes: https://mietvorsorge.de/antrag-entwurf/

Aquí está el código estándar que utilizo:

[md-card] [md-text label=”Vorname:” outlined=”yes” tabletwidth=”5″ mobilewidth=”3″] [text Vorname] [/md-text]

Tienes razón, por el momento solo son las radios. ¿Existen algunos estándares personalizados personalizados, todo lo que tiene que hacer es adaptar que puedo cambiar otros campos (como texto, menú desplegable, etc.)?

Yo tengo un ejemplo aquí.

Una cosa más … Yo uso la etiqueta «label_first» para las radios, cuando actualizo la página puedo ver los cambios pero después de un segundo desaparece. ¿Qué está mal?

Gracias,

Max

Esta respuesta fue modificada hace 1 año, 8 meses por. Esta respuesta fue modificada hace 1 año, 8 meses por.

(@ contactform7addons)

Hace 1 año, 8 meses

Hola Max,

Aquí hay algunos CSS que puede agregar en Apariencia> Personalizar> Formularios de diseño de contenido> CSS personalizado para corregir su primera edición (que es solo un tema de contraste de CSS).

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

Y aquí hay más CSS que puede agregar para personalizar el color de sus campos de radio. Tu puedes cambiar red uno color hexadecimal.

#cf7md-form .mdc-radio::before,
#cf7md-form .mdc-radio::after {
  background-color: red;
}
#cf7md-form .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
#cf7md-form .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: red;
}

Avísame si eso funciona como debería.

Gracias angus

(@maximilianspitz)

Hace 1 año, 8 meses

¡Hola Angus, muchas gracias, funciona como un encanto!

Pero, ¿por qué no funcionó la etiqueta «label_first»?

Y la fuente en el el campo de texto está ligeramente cortado,
¿Cómo puedo hacerlo más pequeño?

Saludos, Max

(@ contactform7addons)

Hace 1 año, 8 meses

Hola Max,

La etiqueta «label_first» no funciona porque el plugin solo está hecho para el estándar Content Design, que generalmente se asocia con la radio de la izquierda.

¿Puedes enviarme un enlace a la página donde se corta el campo de texto y qué navegador también estás usando?

Gracias angus

¿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 *