Eximbanker.com

Cómo modificar un formulario de contacto CSS 7

Cómo modificar un formulario de contacto CSS 7


7 formulario de contacto es un plugin para la plataforma de publicación WordPress. Permite a los usuarios crear rápidamente formularios de contacto personalizados en cualquier lugar en su página web de WP. Mientras que las formas son fáciles de crear y poner en práctica, los campos dentro de ellos son estilo mínimamente, lo que les permite mimetizarse con cualquier sitio Web. Crear tu propio estilo personalizado reemplaza y aplicar a los campos en formularios generados por este plugin.

Instrucciones

•  abre tu tema de WordPress stylesheet y desplácese hasta el final. Crear un área comentó que usted puede localizar su código personalizado fácilmente. Aquí está un ejemplo: / *** aquí es donde comienza mi código personalizado de CF7 *** /

•  personalizar los estilos para tus campos de texto y áreas de texto. Crear una entrada en tu hoja de estilo para los campos de texto y áreas de texto en su forma 7 CF. Aquí está un ejemplo: entrada .wpcf7 [tipo = "text"], .wpcf7 textarea {añadir fronteras, fondos, bordes, relleno y tamaños para los elementos de texto modificado para requisitos particulares. Aquí están algunas muestras: .wpcf7 entrada [tipo = "texto"] {fondo: ninguno repeat scroll 0 #F9F9F9 0; border: 1px solid #8E9BA9; padding: 5px; width: 200px;}

•  Personalice los estilos para los menús drop-down/select. Crear una entrada en tu hoja de estilo de los menús seleccionados en el formulario CF 7. Aquí está un ejemplo: entrada .wpcf7 [tipo = "seleccionar"] {estilo sus campos selectas similar a tus campos de texto. Seleccionados campos no aparecen tan amplio como campos de texto, así que añadir algunos píxeles extras a su anchura. Aquí está un ejemplo: entrada .wpcf7 [tipo = "seleccionar"] {fondo: ninguno repeat scroll 0 #F9F9F9 0; border: 1px solid #8E9BA9; padding: 5px; width: 210px;}

•  personalizar los estilos para el botón de enviar. Crear una entrada en tu hoja de estilo para el botón de enviar sus formularios CF 7. Aquí está un ejemplo: entrada .wpcf7 [tipo = 'Enviar'] {estilo del botón de enviar para complementar la apariencia de su sitio web, mientras sigue destacándose del fondo del formulario. Aquí está un ejemplo de un botón Enviar rojo: entrada .wpcf7 [tipo = 'Enviar'] {color de fondo: #990000; border: 4px solid #B34040; color: #FFFFFF;}

•  guardar los cambios a su hoja de estilos y subirlas a la carpeta de tema.