• Buenas tardes!

    Tengo una página web elaborada con wordpress, en la que utilizo el propio constructor de Gutenberg y también el plugin Spectra, que le añade algunas funcionalidades. En uno de mis artículos, tengo una bloque tipo «cuadrícula de entradas» que muestra las entradas relacionadas. En este bloque he predefinido que el número de entradas a mostrar son 3. En vista escritorio y movil todo se ve correctamente, pero en vista tablet al mostrarse solamente 3 entradas organizadas en 2 columnas, queda un espacio en blanco (el de la cuarta entrada).

    Necesitaría si es posible un código CSS para hacer que en la vista tablet se mostraran 4 entradas en vez de 3. He probado varios códigos CSS con varias clases que he visto al «Inspeccionar» la página, pero no consigo que me funcionen, creo que porque no estoy utilizando las clases indicadas. A ver si alguien me puede ayudar, os lo agradecería mucho. Os dejo la entrada en cuestión en el enlace.

    Muchas gracias de antemano!

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

Viendo 1 respuesta (de un total de 1)
  • Moderador kallookoo

    (@kallookoo)

    Hola,

    Revisando por encima lo que comentas, diria que no es posible.

    El bloque de cuadricula usa el display grid y mediante las opciones del bloque se define cuantas columnas se establecen y no tiene relacion con el numero de articulos relacionados que se muestran ya que esa opcion es global. Lo unico que podrias hacer es el modo tablet cambiar el 2 por 3 pero si la tablet es pequeña en modo vertical quedarian bastantes comprimidas.

    Resumiendo para mantener lo que se denomina como diseño en rejilla (grid) siempre te sucedera que se genere un espacio en blanco cuando no correspondan los articulos con el diseño de las columnas.

Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.