Breite Beitragsbilder bei Twentyseventeen / Vergrösserung bei Einzelansicht

  • Gelöst cannondale63

    (@cannondale63)


    vor 5 Jahren, 7 Monaten

    Hallo in die Runde

    Nochmals eine Frage in die Runde für die Seite siehe unten. Bei diesem Beitrag zum Beispiel ist das Beitragsbild 1000px breit. Für die Startseite passt das offensichtlich, aber in der Einzelansicht wird das Beitragsbild unschön vergrössert.

    Wie breit muss ein Beitragsbild sein, damit dies nicht passiert?

    Oder kann ich das „Aufblasen“ mit Hilfe von Code verhindern?

    Vielen Dank für eure Hilfe.

    Dominik

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

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 5 Jahren, 7 Monaten

    Hallo,
    Infos zu twenty seventeen inkl. der empfohlenen Bildgrößen findest Du auf der folgenden Seite:

    The recommended Featured Image size is 2000px wide by 1200px high.

    Viele Grüße
    Hans-Gerd

    Thread-Starter cannondale63

    (@cannondale63)

    vor 5 Jahren, 7 Monaten

    Danke, Hans-Gerd, für den Link. Was ich aber möchte, ist folgendes:

    Das featured image, das bei der Einzelansicht eines Posts ja oben am Titel platziert wird, soll nicht breiter als die Textspalte sein.

    Auf der Seite (Link oben) sieht für mich eben nicht schön aus.

    Ich habe das Beitragsbild also auf die angegebenen 740 px Spaltenbreite gemacht, aber es wird dann trotzdem oben am Titel mittig auf die ganze Seitenbreite bezogen angezeigt. Weisst du dafür eine Lösung?

    Grüsse, Dominik

    Moderator Angelika Reisiger

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    Hallo @cannondale63

    trag das mal in die Zusätzliche CSS des Customizers ein:

    .single .single-featured-image-header img {
    max-width: 904px;
}
    Thread-Starter cannondale63

    (@cannondale63)

    vor 5 Jahren, 7 Monaten

    Danke, Angelika, dieser Code macht das Bild zwar schmaler, aber die Position in einem eigenen div mit Abstand überm Titel bleibt. Das ist in dem Theme wohl einfach so vorgesehen und zu akzeptieren.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    @cannondale63
    Mit meinem Code (du hast ja eine kleinere Pixel-Zahl genommen), wird das Bild vom Textrand links bis zum Inhaltsrand rechts gezogen und nicht darüber hinaus.

    Das featured image, das bei der Einzelansicht eines Posts ja oben am Titel platziert wird, soll nicht breiter als die Textspalte sein.

    Das soll also heißen, dass es nur so groß sein soll, wie der Beitrags-Inhalt, und über diesem sein soll und dann auch noch mit wenig Platz zwischen Bild und Beitrags-Titel?

    Moderator Angelika Reisiger

    (@la-geek)

    vor 5 Jahren, 7 Monaten

    .single .single-featured-image-header {
    max-width: 904px;
    margin: 0 auto;
    background: #222222 !important;;
    border-bottom: 0;
}
.single-featured-image-header img {
    max-width: 524px;
	  display: inline-block;
}
.single .site-content-contain .site-content {
    padding-top: 1.5em;
}

    Dann sieht es so aus:

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Das Thema „Breite Beitragsbilder bei Twentyseventeen / Vergrösserung bei Einzelansicht“ ist für neue Antworten geschlossen.