Flip-Box Text zentrieren

  • Liebe alle,
    ich brauche eure Hilfe.
    Ich bin ein blutiger Wordpress Anfänger und komme bei einem PlugIn nicht weiter.
    Ich möchte mithilfe des Flip Box Plugins solche Flipboxen erstellen - vorne ein Bild auf der Rückseite Text. Es funktioniert alles wunderbar, außer, dass zwar der Titel auf der Rückseite zentriert ist, die dazugehörige Beschreibung aber linksbündig ist. In der Vorschau ist alles zentriert, auf der Website selbst dann nicht mehr. Kann mir jemand weiterhelfen? Auch mit Tipps wie ich den Text formatieren kann. Kann ich außer dem Klartext auch befehle in die Felder für Titel und Beschreibung eingeben? Wenn ja wo finde ich eine Liste?
    Vielen Dank im Voraus
    Beste Grüße RB

    • 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

  • Willkommen im Forum,
    Du warst mit dem Eintritt ins Forum mit den Forenregeln, besonders (II) einverstanden!
    Bitte ergänze deine Angaben.
    Wenn ich auf deine Frage direkt antworten soll - grundsätzlich ist über die [FONT=Courier New]Zusätzlichen CSS [FONT=Arial]im [FONT=Courier New]Customizer[/FONT] einiges möglich, wenn die Einstellungen im Plugin/Theme eine Feinjustierung nicht ermöglichen.[/FONT]
    [FONT=Arial]Dazu ist aber ein Link zur Baustelle mit genauer Beschreibung (z.B. Startseite unten rechts) die schnellere Lösung ;):rolleyes:[/FONT][/FONT]

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

  • Danke dir, hier die fehlenden Informationen:
    es geht um folgende Seite: https://studopolis.org/wir/
    Wordpress Version 5.5.3
    PlugIn: FlipBox, Theme: Twenty Fifteen Child Theme
    Auf der oben genannten Seite geht es um die runden Flipboxen bei denen ein Teil des Textes nicht zentriert ist.

  • Wenn die einstellungen nicht doch etwas dazu hergeben, eine Schnellhilfe über die Zusätzlichen CSS im Customizer!

    Versuche es mit folgendem Code:

    Code
    .cfb_wrapper .flipbox-back-layout p {
        text-align: center;
    }

    Habe auf die Schnelle im Pluginvideo gsehen, das der Text zentriert dargestellt wird, aber eine Einstellung ist mit nicht aufgefallen.

    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 könnte man noch die unglückliche Worttrennung (bei Göttin-gen) abschalten :rolleyes:

    Code
    .cfb_wrapper .flipbox-back-layout p {
      text-align:center;
      -moz-hyphens: none;
      hyphens: none;
      word-wrap: none;
    }

    Wobei Göttin gut klingt ;)

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

  • Danke dir für den Hinweis, wie sollte das aussehen, wenn der Code eingefügt ist?
    Bisher hat sich nichts geändert, außer dass ich Mitgründern und Göttingen vertauscht habe, aber über die Texteingabe im Plugin.
    Kann man das letzte Wort, "Mitgründerin" per Absatz in die nächste Zeile schieben?

  • Temporär zurückgetauscht ;-)
    Vorher / nachher - oben ohne Code, mit Worttrennung - unten Ohne Worttrennung

    Daher das Wortspiel ;-)

    Ein erzwungener Zeilenumbruch im Content ist mit CSS machbar (siehe diverse Anleitungen bei Go..le),
    In einem Texteingabefeld eines Plugins - weiß ich nicht. Müsst ich das Plugin installieren und versuchen.
    Vielleicht kannst du das bei der Supportanfrage nachschieben ;-) - oder hier weiß einer wie das machbar ist!

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

  • Also das Plugin lässt den Zeilenumbruch zu!
    Dort wo umgebrochen werden soll einfach ein [FONT=Courier New]</br>[/FONT] einfügen und neu speichern (ggf. auf Leerzeichen achten)!

    Soeben selbst getestet!

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

    Einmal editiert, zuletzt von SEpp55 (22. Februar 2021 um 16:51)

  • Zusatzfrage, weil ich das nicht mühsam ausprobieren möchte: kann man diese Spieldrehbildchen auch verlinken? Gefallen mir nämlich :)

  • Diese Spieldrehbildchen kann ich nicht mit einem Link versehen. Das Plugin sieht aber einen Link-Button vor - siehe die oben, in #4 verlinkte Video-Doku - im Pluginvideo!

    Sieht dann so aus:

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

  • Noch einmal auf die Eingangsfrage zurückzukommen - "[FONT=Courier New]außer, dass zwar der Titel auf der Rückseite zentriert ist[/FONT]".
    Das verwendete Theme ist "[FONT=Courier New]Twenty Fifteen Child Theme[/FONT]" und nennt sich "studopolis".

    Im Parent-Theme und in allen von mir getesteten Themes ist der Text noch zentriert!
    Ich habe jetzt nicht gesucht, wo das verloren gegangen ist, scheint aber am Child-Theme zu liegen!

    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!