Come aggiungere HTML personalizzato dopo "post_1" (parte 2)

Ciao,

Per fare questo è necessario utilizzare del CSS. :slightly_smiling_face:

Nella vista Common (CSS) per mobile e desktop, imposta una larghezza del 100% sull’immagine.

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

Nella vista Desktop (CSS), aggiungi una larghezza massima all’id #custom-ad per impostare la larghezza del banner uguale a quella dell’avatar del topic + al corpo del topic. Questo corrisponderà alla larghezza del 100% dell’immagine, come abbiamo già aggiunto sopra nella sezione Common.

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

45px = Larghezza dell’avatar del topic
690px + (11px * 2) = Larghezza del corpo del topic e il padding di 11px a sinistra e a destra applicato alla classe .cooked.

Il risultato sarà simile a questo :arrow_down:

Vista Desktop (completa)


Vista Desktop (responsive)


Vista Mobile