Header-Bild immer unterschiedlich

  • wwwautogrammclubde

    (@wwwautogrammclubde)


    vor 9 Monaten

    Hallo und Guten Morgen,

    ich habe für ein Buchprojekt eine WordPress – Seite erstellt und habe nun Probleme mit dem Header-Bild.

    Dafür hatte ich die Idee, 4 Buch-Cover neben einer Website-Bescheibung (also links und rechts davon jeweils 2) abzubilden.

    Die Beschreibung ist scheinbar Standard des Themes „Hemingway“, das mir ganz passend erschien.

    Nun gibt es Probleme bei der Anzeige des Headerbildes. (Ich bin kein Grafiker, muss ich dazu sagen).

    Das Header Bild sieht je nach Auflösung und Monitor immer anders aus, teilweise sind Ränder abgeschnitten etc.. ich dachte naiverweise, dass das Theme das immer gleich (optimal) zeigt.

    Ich kann gerne das Bild teilen, wenn das hilft und bin f. jeden Rat dankbar.

    vG

    Christian

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 9 Monaten

    Das Theme ist auf responsive Webdesign ausgelegt, passt sich also automatisch den verschiedenen Bildschirmgrößen von Smartphone über Tablet bis großem Bildschirmmonitor an. Würde das Header-Bild immer mit 100% Breite dargestellt, würde es entweder auf kleineren Bildschirmen gestaucht oder es entstehet durch eine gleichzeitige Anpassung der Höhe schwarze Balken über und unter dem Bild, was du sehr schön nachvollziehen kannst, indem du im Customizer unter Zusätzliches CSS folgende Regel hinzufügst:

    .header {
background-size: 100%;
}

    Danach verändere mal die Fenstergröße deines Browsers und achte, was mit dem Header passiert.

    Mit

    .header {
background-size: 100% 100%;
}

    Entfällt zwar der schwarze Balken über und unter dem Bild, aber das Bild wird gestaucht.

    Nun könntest du den Header-Bereich so anpassen, dass sich die Höhe analog zur Breite des Themes verändert:

    .header {
padding: 0;
background-size: 100%;
}
.section {
padding: 0;
}

    Dann müsste aber der Titelbereich immer schmäler werden, was dann auch komisch aussieht.

    Die Idee mit deinem Bücherregal, bei dem immer zwei Bücher links und rechts neben dem Titel zu sehen sind, haut also bei diesem Theme nicht hin.

    (vgl. Header image keeps resizing incorrectly)

    • Diese Antwort wurde geändert vor 9 Monaten von Bego Mario Garde. Grund: Link zu anderem Thread mit gleichem Thema
Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Header-Bild immer unterschiedlich“ ist für neue Antworten geschlossen.