Cómo Cambiar el Color del Texto del Formulario de Contacto Mediante Código Personalizado

Personalizar el diseño de su Formulario de Contacto ayuda a crear una experiencia de tienda más coherente y profesional. En algunos casos, es posible que desee cambiar el color del texto dentro de los campos del formulario para que se adapte mejor a su marca o mejore la legibilidad.

Este artículo le mostrará cómo cambiar el color del texto en un elemento Formulario de Contacto utilizando código CSS personalizado simple en GemPages.

Cómo Cambiar el Color del Texto del Formulario de Contacto

Asegúrese de lo siguiente:

• Ya ha agregado un elemento Formulario de Contacto a su página
• Tiene acceso al editor de GemPages
• Sabe qué campo del formulario o área de texto desea personalizar

Paso 1: Abra el Panel de Código Personalizado

Dentro del editor de GemPages:

• Haga clic derecho en el campo de texto o en el elemento Formulario de Contacto que desea personalizar
• Seleccione Código Personalizado

El panel de Código Personalizado aparecerá.

Paso 2: Añada el código CSS

Pegue el siguiente código CSS en el campo de Código Personalizado:

.classID.gp-form-item{

 color: xxxxx !importante;

}

Recuerde:

• Reemplace .classID con el ID real de su elemento

Debe reemplazar .classID con el ID real del elemento de su Formulario de Contacto.

Puede encontrar este ID en la parte superior del panel de Código Personalizado.

• Reemplace xxxxx con el color que prefiera

Reemplace xxxxx con el color que desea utilizar.

Puede usar:

• Nombres de colores
• Códigos de color HEX
• Valores RGB

Ejemplos:

Usando un nombre de color

color: black !important;

Usando un código HEX

color: #ffffff !important;

Usando RGB

color: rgb(255,255,255) !important;

Paso 3: Guarde y Publique sus Cambios

Después de agregar el código:

• Haga clic en Guardar
• Previsualice el Formulario de Contacto para confirmar que el color del texto ha cambiado correctamente