Consigue 1 año de CiberProtector Premium GRATIS con todos los planes de hosting   CONTRATA AQUÍ »

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: Imágenes versión Mobile

Imágenes versión Mobile 2 meses 1 semana antes #324274

Muy buenas;

Tengo un problema con la gestión de imágenes de WordPress.
He intentado todo y no se cómo solucionarlo.

En mi web: www.xiaomicenter.es, quería que el tamaño de las imágenes en la versión mobile sean más grandes, ya que no ocupan el espacio total y se ven pequeñas.

En la versión de escritorio se ven perfectamente, pero en la de móvil no. Por ello no se muy bien cómo hacerlo. He intentado algo por CSS para que adapte el contenido, pero no logro que funcione.


Estoy colocando esto:

@media only screen and (max-width: 768px)
.woocommerce ul.products li.product .image-wrapper img {
width: 100%; !important;
height: auto; !important;
}


Pero no se si tengo que regenerar las imágenes o no para que tenga efecto o debo colocar otro código para que funcione.

Por otro lado, no me deja hacer zoom en mi versión móvil. No se si hay alguna manera de activar esto para que cualquiera pueda hacer zoom en las imágenes de la web.

Muchas gracias

Hernán

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Imágenes versión Mobile 2 meses 1 semana antes #324284

Hola Jorge.

Las imágenes por defecto ya tiene una proporción del 100%, esto hace que la imagen se rediemnsione a las medidas de la diferentes resoluciones.

El tamaño de la imagen se acopla a el bloque que se muestra con ancho del 100% del bloque.
podrias poner una media exacta pero siempre se redimensionaria al tamaño máximo del bloque, es decir puedes poner " width: 1000px; !important; " y el tamaño de la imagen sera el máximo de ese bloque.

Sobre el código anterior, falta abrir y cerrar el @media con un corchete:
@media only screen and (max-width: 768px) {
.woocommerce ul.products li.product .image-wrapper img {
width: 100%; !important;
height: auto; !important;
}
}

Un saludo
  • Pepe
  • Avatar de Pepe
  • DESCONECTADO
  • Administrador
  • Mensajes: 16802
  • Gracias recibidas 1371
  • Karma: 481
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Imágenes versión Mobile 2 meses 1 semana antes #324292

Hola;

¿Entonces de qué manera podría modificar ese bloque para que pudiera funcionar la orden por CSS?
Ya que ahora no me funciona.

Muchas Gracias

Hernán
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Imágenes versión Mobile 2 meses 1 semana antes #324310

Hola

El cambio tiene que ser al contenedor principal, prueba agregando el siguiente código al final de tu archivo style.css
@media(max-width:768px){
    div.grid_section .section_inner{
        width:90%!important;
    }    
}

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

13 Respuestas emo
Tema iniciado 3 años 9 meses antes por GONZALO
718 Visitas
16 Respuestas emo
Tema iniciado 3 años 8 meses antes por Orestes
881 Visitas
2 Respuestas emo
Tema iniciado 1 año 7 meses antes por Carlos
362 Visitas
1 Respuestas emo
Tema iniciado 9 meses 2 semanas antes por Gerard
154 Visitas
1 Respuestas emo
Tema iniciado 3 años 5 meses antes por Jose Ignacio
768 Visitas
1 Respuestas emo
Tema iniciado 2 meses 2 semanas antes por Juan Manuel
138 Visitas
5 Respuestas emo
Tema iniciado 2 meses 3 semanas antes por Juan Manuel
54 Visitas
2 Respuestas emo
Tema iniciado 3 semanas 5 días antes por Johanna Nunez
31 Visitas
3 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 1 año 11 meses antes por Germán
344 Visitas
5 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 1 año 1 mes antes por Monica
457 Visitas

Tiempo de carga de la página: 0.640 segundos