• Resuelto azulejosonlineelchollo

    (@azulejosonlineelchollo)


    Buenos días, necesito que las columnas en las que muestro imágenes mediante «Featured category» se vean en una proporción 1:1 (cuadradas) ya que actualmente se ve rectangular y no se ve toda la imagen.

    Dicho problema lo podéis ver en las imágenes del enlace que adjunto bajando a partir de donde pone «Nuestros productos»

    Muchas gracias, saludos

    Luis Blasco

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Hola @azulejosonlineelchollo,

    Creo que te refieres a lo contrario, no se ven enteras porque las imágenes son rectangulares y «el contenedor» es cuadrado.

    ¿Es así?

    Iniciador del debate azulejosonlineelchollo

    (@azulejosonlineelchollo)

    Buenas tardes Álvaro, gracias por la rápida respuesta.

    No, las imágenes son cuadradas pero el contenedor se acopla según ponga más o menos columnas. Si hay solo dos columnas, la base es más larga que la altura; si hay 3 columnas, lo mismo; si hay 4, la base ya es más corta que la altura; y así sucesivamente.

    Lo que me gustaría es algún código para poner en el «CSS adicional» de las columnas que quiera y forzar el contenedor a que se vea cuadrado.

    Lo quiero poner en las columnas que hay a partir de «Nuestros productos»

    muchas gracias, saludos

    ¿Te refieres, por ejemplo, a las imágenes usadas en «Azulejos imitación madera»?¿Walkyria, Kootenai, Copenhaguen, etc?

    Iniciador del debate azulejosonlineelchollo

    (@azulejosonlineelchollo)

    Efectivamente. Esas quiero que se vean cuadradas para que se vea toda la imagen. No se si es posible modificar eso. Entiendo que el ancho de la imagen se acopla a la dimensión de la pantalla de la persona, respetando siempre un 33,3% para cada columna (Hay 3 columnas). Me gustaría también que el alto de la imagen se acople para respetar la proporción 1:1 en la imagen.

    saludos

    Hola de nuevo,

    Podrías añadir el siguiente código CSS:

    .wc-block-featured-category {
        aspect-ratio: 1/1;
    }

    Espero haberte ayudado, Saludos

    Iniciador del debate azulejosonlineelchollo

    (@azulejosonlineelchollo)

    Muchas gracias Álvaro. con ese código se ha solucionado.

    saludos!

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Forzar «Featured Category» proporción 1:1’ está cerrado a nuevas respuestas.