Widget: Wordpress Popular Posts

    Hallo
    Ich habe auf unserer Website in der rechten Seitenspalte das oben genannte Widget eingebaut.

    Trotzdem sieht es auf den verschiedenen Geräten (PC, Laptop, Handy etc.) etwas anders aus.
    Und zwar habe ich den Text auf 3 Wörter beschränkt. Die Thumbnailgröße habe ich auf 270x180 eingestellt.
    Trotzdem erscheinen manche Buchstabe nicht unter, bez. über dem Thumbnail, sondern rechts daneben.

    Selbst eine Angleichung der Thumbnailgröße konnte es nicht verhindern.

    Auf meinem iPad mini wird es korrekt angezeigt, auf meinem Laptop nicht.

    Was kann ich tun, damit die Kurzbeschreibung ausschließlich unter dem Thumbnail angezeigt wird?

    http://www.travel-cycle.com

    Michael

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Im Firefox wars ok, im Chrome wie oben beschrieben...
    Versuche mal nachfolgenden Code im Dashboard unter Design - Customizer in dir Zusätzlichen CSS einzufügen.
    Auch auf unerwünschte Nebeneffekte bitte prüfen!

    Code
    .wpp-post-title {
    float: left;
}
.wpp-views {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Super. Danke. Wir kommen meinem Ziel etwas näher.

    Was jetzt noch top wäre:

    Der Rand, links wie rechts, gleich breit.

    Kann man das auch mit zusätzlichem CSS bewerkstelligen?

    Gruß

    versuche mal das, wieder in die Zusätzlichen CSS:

    Code
    .textwidget ul, .textwidget ol {
    margin: 0 0 20px;
}
.wpp-list li {
    margin-left: calc(50% - 117.5px);
}

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    ;):cool::D

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Ich habe noch einen kleinen Fehler entdeckt.

    Es geht immer noch um das Widget.

    Auf meinem IPad Mini fehlt in der Hochformatansicht ein Teil des ersten Buchstaben unterhalb der Thumbnails.

    Versuche die Codes aus #2 mit einem Innenabstand zu ergänzen wie folgt. Ich habe kein iPhone und kann das nicht kontrollieren ;-(

    Code
    .wpp-post-title {
    float: left;
    padding-left: 5px;
}
.wpp-views {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 5px;
}

    Das sollte die beiden Textbereiche 5px nach links rücken (ggf den Wert noch erhöhen).

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Freut mich, wenns dir gefällt.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden