Cómo agregar HTML de cliente después de "post_1" (parte 2)

Hola,

Para hacer esto, debes usar algo de CSS. :slightly_smiling_face:

En la vista Móvil y Escritorio (CSS) común, añade un ancho del 100% a la imagen.

#custom-ad {
  .custom-ad-link {
    img {
      width: 100%;
    }
  }
}

En la vista Escritorio (CSS), añade un ancho máximo al ID #custom-ad para que el ancho del banner sea igual al del avatar del tema más el cuerpo del tema. Esto equivaldrá al ancho del 100% de la imagen que acabamos de añadir en la configuración común.

#custom-ad {
  max-width: calc(45px + 690px + (11px * 2));
}

45px = Ancho del avatar del tema
690px + (11px * 2) = Ancho del cuerpo del tema más el relleno de 11px a la izquierda y 11px a la derecha utilizado en la clase .cooked.

Se verá así :arrow_down:

Vista de escritorio (completa)


Vista de escritorio (responsiva)


Vista móvil