Soporte » Diseño – Temas y plantillas » Cómo quitar los márgenes en blanco en las imágenes

  • Hola,

    Lo que quisiera hacer y no consigo hacerlo, modificando el css de mi theme, es que cuando se visualice desde el móvil las imágenes, se vea, el ancho de la imagen a pantalla completa, como si se saliera de ella, sin ningún tipo de margen blanco, es decir que ocupe absolutamente toda la pantalla.

    ¿Sabrían decirme cómo puedo hacerlo o dónde puedo ver cómo hacerlo?

    Muchas gracias y saludos!

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Hola!, por favor deja el link de tu sitio, para poder ayudarte.

    Sin embargo con este ejemplo de CSS debería funcionar:

    .ClaseCSS img {
    
      width: 100%;
      margin: 0 auto;
    
    }

    En donde «.ClaseCSS» es la clase que tienes asignada en HTML a tus imágenes.

    Un saludo

    Iniciador del debate abelmelero

    (@abelmelero)

    Hola LuisGuzman,

    Gracias por tu respuesta y disculpa por la tardanza en responder.

    He probado tu código y nada, no se quitan los márgenes. Y lo he intentado de mil formas, leyendo en mil sitios y nada, no puedo. Por otro lado, en otro foro me contestaron y me dijeron que pusiera lo siguiente:

    @media screen and (max-width: 1124px) {
    .main-container, .container {
    max-width: 100%;
    }}

    Eso sí funcionó, se veían las imágenes sin borde solo en la versión móvil. El problema es que el texto, y todo el contenido se queda sin márgenes también y naturalmente no me vale, porque solo necesito que la imagen se quede sin bordes.

    Te dejo el link de la web: http://www.milideas.net

    Saludos y muchas gracias!

    Moderador LGrusin

    (@lgrusin)

    Es complicado porque los márgenes los hereda de los contenedores anteriores. Además el tener un caché dificulta hacer cualquier prueba.

    Puesto que es un tema de pago pregunta a su autor.

    Un saludo

    Hola!

    Estoy utilizando Slider revolution para la home page y al quitar los márgenes para que la imagen se vea fullscreen, desaparecen los márgenes en el resto de la página. La cosa es que si en Contant Layout señalo With paddings me aparecen los márgenes también en la imagen de la home…. Cómo podría dejar sólo la imagen sin márgenes?

    la página es: cotg.es

    Mil gracias 🙂

    Iniciador del debate abelmelero

    (@abelmelero)

    Gracias LGrusin,

    Ya pregunté en el soporte del tema y me dieron este código:

    @media screen and (max-width: 1124px) {
    .main-container, .container {
    max-width: 100%;
    }}

    Pero se quedaba sin bordes todo lo que hay, imágenes, texto, etc.

    Me dijeron igual que tú, que estaba complicado y que podría traer varios problemas modificarlo, y al ser soporte en ingles y tener que traducir y demás, lo dejé por imposible. Pero dije, voy a probar en este foro por si acaso alguien sabe de alguna forma.

    La caché la puedo quitar cuando me digas si es lo que necesitas.

    Bueno, muchas gracias por todo.

    Saludos!

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cómo quitar los márgenes en blanco en las imágenes’ está cerrado a nuevas respuestas.