Support » Allgemeine Fragen » Abstand zwischen Thumbnail und Beitragsbeschreibung

  • Hallo zusammen,

    ich habe noch eine kleine Frage, an der ich auch schon den halben Tag sitze.

    Wie ihr auf der Seite sehen könnt, wird zwischen Thumbnail und Artikel ein Freiraum eingefügt, der die ganze Seite eher unnatürlich aussehen lässt.

    Hat vielleicht Jemand eine Idee, wie man hier Abhilfe schaffen kann?

    Was mir aufgefallen ist: Es gibt dort ein div ->

    <div class="clear"></div>

    Direkt nach dem Thumbnail … ich habe die Vermutung, dass dies dafür verantwortlich sein kann und es zb. einfach mal entfernt. Scheinbar aktualisiert sich das ganze aber nicht, obwohl man es im Customize Manager schon sehen kann 🙂

    Vielleicht hat ja Jemand einen Lichtblick, auf den ich nicht komme?!

    Vielen Dank im Voraus.

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

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • .item-post .post-thumb img {
        width: 100%;
    }

    damit werden die Vorschaubilder größer, während die Spaltenbreite gleich groß bleibt. Wenn dir das zu groß ist, kannst du den Wert auch reduzieren, z.B. auf 80%. Die CSS-Regel trägst du auch wieder im Customizer unter Zusätzliches CSS ein.

    Also das Problem ist, wenn die Vorschaubilder größer werden (was ja auch durch thumbnail, middle, large) geht, dann werden sie ja auch höher und sind dann viel zu hoch für den Vorschautext.

    Ich frage mich viel mehr, ob es eventuell eine Möglichkeit gibt den freien Raum zwischen Vorschaubild und Artikelvorschau zu entfernen, bzw. kleiner zu bekommen, damit der Artikeltext etc einfach weiter nach links rutscht 🙂

    Du kannst natürlich die Spaltengröße ändern. Da dein Theme ein Grid-System verwendet, müsstest du dazu aber (in einem Child Theme) im Template die verwendeten HTML-Klassen ändern: aus
    <div class="post-thumb col-sm-4">
    muss z.B.
    <div class="post-thumb col-sm-2">
    werden und der Text-Bereich muss von
    <div class="col-sm-8 ">
    auf
    <div class="col-sm-10 ">
    erweitert werden, damit die Summer der verwendeten Spalten wieder 12 ergibt.
    (Eine Erklärung zum Grid-System von Bootstrap findest du hier: https://getbootstrap.com/docs/4.0/layout/grid/)

    Inzwischen sind Grid-Systeme eigentlich nicht mehr zeitgemäß, weil sie im Vergleich zu Layouts mit CSS-Grid ein aufgeblähtes HTML erzeugen.

    Übrigens gibt the_post_thumbnail('medium') zwar ein größeres Bild aus, das aber im Browser trotzdem kleiner ausgegeben wird, wenn es per CSS wieder auf eine maximale Größe gesetzt wird.

    Alles klar 🙂

    Ja das Theme gefällt von der Optik an sich sehr gut und es musste schnell was Gutes her (will mich aber mittelfristig mehr damit auseinandersetzen um selbst was zu machen).

    Gibt es einen bekannten Bug oder ähnliches, der verhindert, dass sich die Seite aktualsieiert? Ich habe die veränderten Dateien hochgeladen, sie werden mit im Customizer auch verändert angezeigt … allerdings ist die Seite die gleiche. Wenn ich mir den Quelltext angucke, hat sich da nichts verändert (auch in verschiedenen Browsern) … Sehr seltsam.

    Hast du vielleicht Änderungen in einem Child Theme vorgenommen, aber noch das Parent Theme aktiviert?

    Es ist kein Child Theme erstellt.

    Aber er aktualisiert einfach irgendwie die Dateien nicht, OBWOHL ich im Customizer die aktivierten sehe … Dort sehe ich, dass ich die col-md geändert habe (in der content-posts.php“ .. dort wird es erstellt … Aber auf der fertig geladenen Webseite steht trotzdem das Alte col-md …

    So ganz nachvollziehen kann ich das noch nicht.

    • Diese Antwort wurde geändert vor 2 Jahre, 2 Monaten von snoriginal.

    Es kann leicht passieren, dass du an einem Template Änderungen vornimmst, aber ein ganz anderes Template geladen wird. Mit What the File kannst du prüfen, welches Template zur Anzeige verwendet wird.

    Änderungen im Theme werden beim nächsten Update überschrieben und sind außerdem schwer vom Original auseinanderzuhalten. Child Themes sind besser.

    Und wieder: Ich kann nur Danke sagen ……. 🙂

    Es ist so, dass gar nicht die einzelnen Parts entscheidend waren, sondern direkt die Index.php des Themes … Verrückt. Danke ! 🙂

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Abstand zwischen Thumbnail und Beitragsbeschreibung“ ist für neue Antworten geschlossen.