Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Expertos en WordPress resuelven los problemas y dudas con tu Web. Servicio gratuito incluido para clientes de Webempresa. Soporte WordPress en español 24 horas, todos los días del año.

TEMA: CSS Contact Form 7

CSS Contact Form 7 2 años 9 meses antes #270088

Hola!

Tengo este formulario hecho con CSS, pero me gustaría que para dispositivos móviles se mostrase solo en una columna.

irlanda.quierogroup.webfactional.com/pedir-presupuesto/

Por favor, ¿me podríais decir que CSS ponerle que no estoy dando con la tecla?

Mil gracias por la ayuda!

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Julio
  • Avatar de Julio
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 85
  • Karma: 0
El tema ha sido cerrado.
Mejora la velocidad de tu WordPress

CSS Contact Form 7 2 años 9 meses antes #270099

Hola Julio.

No conseguí ver que archivo es el que maneja el código ya que parece que carga en cache pero bueno básicamente seria añadir lo siguiente:
@media (max-width: 600px) {
 
#right {
    float:none;
}
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 19980
  • Gracias recibidas 1594
  • Karma: 582
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.
trasladar web gratis

CSS Contact Form 7 2 años 9 meses antes #270101

Hola Pepe,

Lo puse pero no funciona tal como puedes comprobar...

El código del formulario es este:

/*--- 2 Column Form Styles Start ---*/

#left {
width: 47%;
float: left;
border: 2px solid #fff;
background-color: #fff;
padding-left: 3%;
padding: 20px;
}

#right {
width: 47%;
float: left;
/* margin-right: 6%; */
border: 2px solid #fff;
background-color: #cccccc;
padding-right: 3%;
padding: 20px;
}

.clearfix:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}

.clearfix {
display:block;
}

A ver si lo conseguimos!

Gracias!
  • Julio
  • Avatar de Julio
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 85
  • Karma: 0
El tema ha sido cerrado.

CSS Contact Form 7 2 años 9 meses antes #270120

Hola de nuevo,

alguien pudo ver ésto por favor?

Gracias!
  • Julio
  • Avatar de Julio
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 85
  • Karma: 0
El tema ha sido cerrado.

CSS Contact Form 7 2 años 9 meses antes #270155

Hola

Prueba con el siguiente código al final de tu archivo style.css de tu theme
@media(max-width:678px){
	.wpcf7-form #right,
	.wpcf7-form #left{
	width:100%;
	}
}

Lo que hace el código es forzar el ancho a 100% cuando el ancho del dispositivo sea menor o igual a 678px

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

CSS Contact Form 7 2 años 9 meses antes #270193

Muchas gracias, funciona perfectamente!
  • Julio
  • Avatar de Julio
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 85
  • Karma: 0
El tema ha sido cerrado.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.


Temas Relacionados

1 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 2 años 10 meses antes por Rafa
701 Visitas
3 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 2 años 7 meses antes por Carlos
1109 Visitas
4 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 9 meses 4 semanas antes por Jose Carlos
367 Visitas
4 Respuestas emo
Tema iniciado 1 año 6 meses antes por Montserrat
794 Visitas
8 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 4 años 4 meses antes por Antonio
1286 Visitas
8 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 3 años 9 meses antes por Antonio
4654 Visitas
3 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 3 años 6 meses antes por Sindicato
1664 Visitas
5 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 2 años 8 meses antes por Noe
633 Visitas
3 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 2 años 5 meses antes por Israel
726 Visitas
9 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 1 año 7 meses antes por Xavi
669 Visitas

Tiempo de carga de la página: 0.601 segundos