Cambiar fondos en cuestionarios  

 
Moises
 Moises
Reputable Member

Buenas tardes, quisiera hacer una web compuesta por varios formularios de contacto, pero quiero que cada uno tenga un fondo diferente, ya sea un color diferente o incluso una imagen de fondo, sería posible hacerlo o en un dominio, tiene que tener el mismo fondo para todos?

Saludos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 22/11/2016 6:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes hacerlo por CSS, la idea primero es que tengas una estructura html similar para todos pero con alguna clase o ID html que los diferencie

Si estas usando contact-forms 7 verás que cuando se crea el html será con un ID diferente para cada formulario, esto puede ayudarte a darle estilos personalizados independientes a cada uno.

Crea algunos formularis con este plugin y envíanos la url para revisar el html que se genera.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/11/2016 8:24 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Moises
 Moises
Reputable Member

Buenos días, no entiendo mucho lo que me explica, le doy las dos urls para que vea los formularios, tendrían que llevar fondos diferentes, o un sólo colo o una imagen.
http://www.formulariosonline.es/vehiculos/
http://www.formulariosonline.es/vehiculos/

ResponderCitar
Respondido : 24/11/2016 11:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Moises.

Lo que te quiere explicar jhon, es que cuando se crea un formulario se le asigna un ID.
Si compruebas en el inspector del navegador lo puedes ver:

Veras un código parecido a esto -> div id="wpcf7-f113-p114-o1, con ese ID y un poco de CSS puedes cambiar los fondos.

Por ejemplo para el formulario que te muestro seria algo parecido a esto:

#wpcf7-f113-p114-o1 {
  background-color:#181818;
}

Abría que adaptarlo a lo que necesites, pero bueno los pasos son esos.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 24/11/2016 2:53 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Moises
 Moises
Reputable Member

Ok, si cambio esa referencia por otra, cambiaría el color, pero para poner de fondo una imagen podrían facilitarme el código? Gracias

ResponderCitar
Respondido : 24/11/2016 7:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Te sugiero revisar :
http://www.w3schools.com/cssref/pr_background-image.asp

La ruta de la imagen que uses debe ser relativa a la carpeta de tu archivo CSS

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/11/2016 8:43 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro