Pregunta sobre Forminator - Contact Form Payment Form & Custom Form Builder de Wordpress:

Cambiar CSS a una etiqueta de campo

Un usuario preguntó 👇

¿Puede modificar la etiqueta específica de los campos CSS, es decir, el campo «{html-19}»?

Usé Apariencia> Fuentes> Etiqueta de campo y luego modifiqué las opciones de fuente que actualizaron la apariencia de la etiqueta para cada campo. Pero quiero modificar aún más un campo individual.

gracias,

(@ wpmudev-support9)

hace 1 año

Hola @ratamatcat,

¡Espero que lo estás haciendo bien!

A cada campo se le puede asignar un ID de CSS personalizado. Edite un campo y abra el Estilismo lengüeta. Agregue un ID de CSS al campo Clases adicionales de CSS. Por favor vea esta imagen:
https://take.ms/dOPNL

Utilice este ID personalizado para aplicar cualquier propiedad CSS.

¡Espero que esto ayude!

Atentamente, Nastia

(@ratamatcat)

hace 1 año

¡Hola Nastia!

Lo intenté antes como lo describió, pero el CSS que ingresé no cambia la etiqueta en sí.

Tengo un ex HTML campo de la siguiente manera:

Etiqueta: Mi texto de etiqueta
Contenido editorial: Mi editor de texto de contenido

Luego, en Apariencia> CSS personalizado para el formulario que ingresé:

.forminator-label-sizegrp {color: # 8e44ad; }

y vuelva a intentarlo en su lugar:

.label-sizegrp {color: # 8e44ad; }

Luego, por supuesto, inserte el (los) selector (es) CSS Styling > Additional CSS Classes para el campo html.

Este CSS funciona en el formulario de interfaz, pero el color se aplica al texto que ingresé en el contenido del Editor para el campo html. ¿Cómo modifico la etiqueta real (‘Mi texto de etiqueta’) para el campo?

Lo siento si esta es una pregunta básica, ¡pero a veces css es lo suficientemente difícil!

Gracias de nuevo,

(@ wpmudev-support6)

hace 1 año

Hola @ratamatcat

Después de agregar la clase adicional para el campo HTML como «my-html»:
https://monosnap.com/file/3BX3mEsI0xef6ZdcXPioNUz5iWXMeX
https://monosnap.com/file/GI74W8RdnQuXvDwkPC3wKi9x62i3JU

Debe habilitar CSS personalizado para este formulario e ingresar la siguiente regla CSS: https://monosnap.com/file/AVnDBV2VrzuPHDsXWb2399vQ8qVGdj

.my-html .forminator-label {
  color: red;
}

Le Meas te, Dimitris

(@ratamatcat)

hace 1 año

Gracias Dimitris,

Ahora puedo tener etiquetas en todos los campos en el formulario de respaldo, ya que puedo ocultar la etiqueta en el frente en algunos casos,

.removeItem .forminator-label {display: none; }

Veo cómo lo hiciste ahora al explorar Google.

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