entradas en dos columnas formato movil horizontal

  • stayvb

    (@stayvb)


    hace 3 años, 9 meses

    Hola!
    Estoy avanzando con la web. Ya he llegado a la sección blog, llevo todo el día dándole vueltas y no consigo dar con la solución, así que os planteo el problema y a ver si me podeis ayudar o dar alguna pista…
    Me gustaría que el listado de entradas del blog (que ahora las tengo en 3 columnas), en formato móvil horizontal (o tablet vertical) se vean 2 columnas en vez de una.
    Estoy trabajando con el theme oceanwp.

    Algunas de las tantas cosas que he probado en los estilos es la siguiente:

    @media only screen and (max-width: 480 px) {
    .blog-entry.grid-entry {
    width:50%}
    }

    @media only screen and (max-width: 480 px) {
    .oceanwp-isotope-grid .span_1_of_4.col {
    width: 50%;
    }

    También he probado a poner en vez de width 50%, column-count:2

    pero tampoco me ha funcionado.
    Muchisimas gracias de antemano.
    Un saludo.

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

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • ferrtx

    (@ferrtx)

    hace 3 años, 9 meses

    Hola
    Has probado a insertar el bloque de columnas en el diseño de esa pagina o entrada?
    En WP 5.5.3 al mostrar los bloque, si escribes columnas o imágenes, te ofrece también la posibilidad de insertar dos columnas o dos imágenes con texto, que luego puedes editar su duseño.
    En la versión móvil se verán esas dos columnas juntas, aunque depende también del ancho de cada imagen.
    Si esta opción no te resuelve, en Ocean WP puedes personalizar el ancho de la página desde Apariencia > Personalizar > Opciones generales > Ajustes generales

    Iniciador del debate stayvb

    (@stayvb)

    hace 3 años, 9 meses

    Hola,
    Lo primero agradecerte por la respuesta. En formato pc lo tengo en tres columnas y va bien. Lo que me gustaría es que en el móvil se vean 2 columnas en vez de solo una. Quería cambiarlo a través de los estilos CSS, pero no doy con ello. Sigo dándole vueltas desde entonces y no me sale. Consigo reducir el ancho, cuando pongo el width al 50%. Se ven las entradas más pequeñitas, eso sí, pero luego no se pone las demás entradas del blog en el otro espacio de columna. No sé si me explico.

    Lo que en realidad quiero es en formato pc, como se ve ahora en 3 columnas, pero en formato móvil que se vean 2, en vez de 1, que es lo que me hace ahora.
    Gracias.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘entradas en dos columnas formato movil horizontal’ está cerrado a nuevas respuestas.