Imagen centralizada en un teléfono móvil

Un usuario preguntó 👇

Tengo una imagen pequeña que está correctamente alineada. En el móvil, hay algo de texto en el lado izquierdo de la imagen, que no se ve bien. Quiero que esa imagen se enfoque solo en un teléfono móvil. ¿Cómo puedo hacer eso? Probé muchos códigos CSS pero ninguno funcionó.

¡Gracias!

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años

Proporcione un enlace a una página de su sitio donde podamos ver esto. Gracias.

Lanzador de hilos

(@xmsmmgrs)

Hace 2 años

http://bit.ly/2tdxBeT

(@sterndata)

Moderador del foro y voluntario del equipo de apoyo

Hace 2 años

Prueba esto. centra la imagen y por debajo de 600px y luego pasa a la alineación normal a la derecha en 600px.

img.alignright {
    float: none;
    margin: 0 auto;
}
@media screen and (min-width: 600px) {
   alignright {
    float: right;
    margin: 5px 0 10px 15px;
  }
}

Agregar o anular SEC: utilice la opción «CSS adicional» en el personalizador. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Descubra cómo Herramientas para desarrolladores de Chrome para ayudarlo a ver y probar los cambios en su CSS.

Lanzador de hilos

(@xmsmmgrs)

Hace 2 años

Agregué ese código, pero ahora también está orientado al escritorio.

Editar más tarde: no lo recuerdo, cuando abrí los ojos vi el problema. 🙂

img.alignright {
    float: none;
    margin: 0 auto;
}
@media screen and (min-width: 600px) {
   img.alignright {
    float: right;
    margin: 5px 0 10px 15px;
  }
}

Esta respuesta fue modificada hace 2 años por.

¿Solucionó tu problema??

SíNo

0 / 0