Redimensionar imagen vertical según extensión del texto de la columna adyacente

Etiquetado: 

  • Redimensionar imagen vertical según extensión del texto de la columna adyacente

    Discusión creada por Armin Figueroa Gonzalez el 12 de febrero de 2024 en 7:16 PM

    Hola Jefferson tengo la siguiente duda:

    Tengo una sección con una fila de dos columnas, la primera tiene texto y la segunda un modulo de imagen, quiero que la imagen se redimensione al texto tal como pasa en esta página en la sección About Me https://www.deniselipman.com/

    Pero no logro hacerlo, pude realizar algo parecido pero solo funciona con imágenes horizontales, pero como en la página de ejemplo yo requiero usar una imagen vertical. Cree una pagina de muestra para ilustrar lo que sí he logrado https://arminfigo.com/test/ es la segunda sección, lo hice dando una clases al módulo de imagen y añadiendo el css que adjunto como imagen.

    ¿Tienes alguna idea de cómo replicar lo del ejemplo de la primera liga?

    Gracias!

    Armin Figueroa Gonzalez ha respondido hace 4 meses 2 Miembros · 4 Respuestas
  • 4 Respuestas
  • Jefferson Maldonado

    organizador
    15 de febrero de 2024 en 11:04 AM

    Que tal Armin, acá lo más práctico sería que, la fila de 2 columnas donde tienes el texto y la imagen la configures de tal forma que, la fila este de ancho completo, es decir, con 100% de ancho en sus dos medidas.

    Esto lo puedes encontrar en las opciones de la fila > diseño >tamaño > ancho y ancho máximo

    Y luego de que tengas la fila en ancho completo, colocas el contenido del texto en la columna 1, le das relleno según necesites, y luego, entras en los ajustes de la columna 2, y le añades la imagen que quieres como imagen de fondo, de esa forma, quedara como fondo, ajustada a tamaño que abarque el contenido de la columna 1.

    Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

    • Armin Figueroa Gonzalez

      Miembro
      15 de febrero de 2024 en 11:45 AM

      Hola Jefferson, lo intente una vez así, poniendo de fondo la imagen de la columna dos, pero al hacerlo, cuando redimensiona, me corta la cabeza de las personas de la foto, ¿es posible, (cuando la imagen está de fondo) indicarle que al redimensionar priorice la parte inferior y esa no la recorte?

      ¿gracias?

      • Jefferson Maldonado

        organizador
        15 de febrero de 2024 en 5:51 PM

        Así es Armin, en las opciones de la parte de imagen de fondo, en la parte inferior, podrás seleccionar la posición en la que quieres la imagen de fondo, si la quieres al centro centro, centro inferior, centro superior, etc. Allí podrás probar, y seleccionar la posición de imagen según tu necesidad.

        También recuerda jugar con el espaciado que le darás a la columna que tendrá los textos, pues puedes jugar con el relleno de manera que el texto se vea centrado, y que le dé la suficiente altura a la columna para que la imagen de un lado también tenga las dimensiones apropiadas.

Inicia sesión para responder.