Hallo,
ich hatte ja bereits geschrieben, dass Fragen zu CSS hier off topic sind. Wir können dir im Rahmen des Forums keine Grundkenntnisse bezogen auf CSS vermitteln. Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier oder hier.
Da es sich bei deiner Frage um kein Anwendungsproblem handelt, habe ich den Status auf „Keine Support-Frage“ geändert.
Viele Grüße
Hans-Gerd
@lob01
ja natürlich gibt es das, es wäre aber der verkehrte Weg. Stattdessen solltest du besser das Foto direkt in der bevorzugten Breite hochladen. CSS verkleinert das Bild nur optisch, an der tatsächlichen physischen Dateigröße ändert das nichts, was sich auf die Ladezeiten der Website auswirkt und auch auf die Qualität in der Ansicht.
Wie auch immer, hier der CSS-Code.
Trag im Adminbereich unter Design »» Customizer »» Zusätzliches CSS das Folgende ein (ganz ans Ende packen):
.single-featured-image-header img {
margin-left: 3rem;
margin-top: 3rem;
}
.single-featured-image-header .attachment-twentyseventeen-featured-image {
max-width: 400px;
}
.single-featured-image-header {
background-color: transparent;
border-bottom: 0;
}
Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL
SHIFT
Entf
gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.