So fügen Sie ein Kopfzeilenbild hinzu und passen es an

Ich bin kürzlich auf ein Forum gestoßen, das ein Header-Bild sehr gut nutzt. Ich bin mir nicht sicher, welches Theme sie verwenden, aber könnte mir jemand erklären, wie man mit CSS etwas Ähnliches erstellt?

Es gibt eine Theme-Komponente namens Versatile Banner, mit der Sie ein Header-Bild sowie viele weitere coole Funktionen wie CTA-Buttons und Links hinzufügen können.

Vielen Dank, aber die Vorlage erinnert an etwas aus den späten 90er Jahren. Ich brauche lediglich ein Header-Bild, ohne all diese Texte und Buttons.

Du kannst all diese Texte und Buttons entfernen und nur das Header-Bild behalten. Das ist alles in den Komponenteneinstellungen geregelt.

Wenn du alle Texte entfernst, wird das Bild extrem klein, fast unsichtbar.

Fügen Sie dies zu Ihrer Theme-Vorlage hinzu:

.banner-box .section-header {
    margin-top: 50px;
}

Ändern Sie den px-Wert entsprechend Ihren Bedürfnissen.

Danke! Das hat geholfen!