Personalizar el color de fondo de un área de texto puede ayudar a que su formulario de contacto se adapte mejor a la identidad visual de su tienda y mejorar la experiencia general del usuario.
En este artículo, aprenderá cómo cambiar el color de fondo de un área de texto dentro del elemento Formulario de Contacto en GemPages utilizando código CSS personalizado simple.
Paso 1: Abra el Panel de Código Personalizado
Dentro del editor de GemPages:
- Haga clic derecho en el campo Área de Texto 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 en el campo de Código Personalizado:
ElementClass textarea { background-color: red !important; }
Nota Importante:
- Reemplace ElementClass con la clase real de su elemento. Puede encontrar la clase del elemento en la parte superior del panel de Código Personalizado.
- También puede reemplazar rojo con cualquier color que desee.
Ejemplos:
background-color: #000000;
background-color: #f5f5f5;
background-color: rgba(255,255,255,0.8);
Paso 3: Guarde y publique
Después de agregar el código:
- Haga clic en Guardar
- Publique o actualice su página
- Previsualice el formulario de contacto para confirmar que el nuevo color de fondo se ha aplicado correctamente
gracias por tus comentarios