Wie fügt man benutzerdefiniertes HTML nach „post_1“ ein (Teil 2)

Hallo,

Du musst dafür etwas CSS verwenden. :slightly_smiling_face:

Füge im Common (CSS)-Ansicht für Mobile und Desktop eine Breite von 100 % für das Bild hinzu.

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

Füge in der Desktop-(CSS)-Ansicht eine maximale Breite für die ID #custom-ad hinzu, um die Bannerbreite gleich der Topic-Avatar- plus Topic-Body-Breite zu setzen. Das entspricht der 100 %-Breite des Bildes, die wir oben im Common-Bereich hinzugefügt haben.

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

45px = Breite des Topic-Avatars
690px + (11px * 2) = Breite des Topic-Body sowie die linke und rechte 11px-Padding, die auf der Klasse .cooked verwendet werden.

Es wird so aussehen: :arrow_down:

Desktop-Ansicht (vollständig)


Desktop-Ansicht (responsiv)


Mobile-Ansicht