Ancho máximo imágenes en Blocksy

  • dostrota

    (@dostrota)


    hace 2 meses, 3 semanas

    Hola a todos. Cuando empecé a usar el tema Blocksy en mi blog de WordPress tenía problemas con las imágenes ya que no se ajustaban al ancho del texto. Alguien recomendó añadir este CSS que pongo a continuación para establecer el ancho a 780 px. El problema es que la calidad de las fotos es muy baja al verlas en la versión de escritorio. ¿Qué puedo hacer? Gracias.

    Tengo puesto este CSS:

    @media (max-width: 780px) {
      article>.entry-content>*:not(.alignfull):not(.alignleft):not(.alignright) {
        width: var(--default-editor, var(--block-width))!important;
      }
      figure {
        width: var(--default-editor, var(--block-width))!important;
      }
    }
    • Este debate fue modificado hace 2 meses, 3 semanas por dostrota.
    • Este debate fue modificado hace 2 meses, 1 semana por Sergio. Razón: Formateo codigo

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

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

    (@kallookoo)

    hace 2 meses, 1 semana

    Hola @dostrota

    Salvo que un tema sea muy restrictivo, esas configuraciones se hacen desde el editor cuando creas una entrada o pagina con imagenes. No tiene sentido ese CSS, ademas esas variables no existen o no las he visto en el post de «TERUEL: Matarraña»

    Te pongo un ejemplo:

    Si tu web (contenido) mide de ancho (en escritorio) 980px la imagen debe ser de por lo menos de 980px para que se pueda ajustar correctamente. Una imagen mas pequeña que el contenido produce perdidas de calidad.

    Cuando haces un post y añades una imagen puedes configurar practicamente todo, el tamaño, alineacion, etc… por lo que debes decidir correctamente como configurarla.

    Aqui tienes una ayuda; https://wordpress.org/documentation/article/image-block/ (En Ingles)

Viendo 1 respuesta (de un total de 1)

Debes estar registrado para responder a este debate.