Blockbreite Twenty Twenty Theme

  • Hallo!

    Ich habe eine Seite mit dem Twenty Twenty Theme erstellt.
    Ich habe für Elemente mit einer 100%-igen Breite einfach das Spaltenelement verwendet, wo ich die Breite der ersten Spalte auf 100% und die Breite der zweiten Spalte auf 0% gestellt habe.

    Das funktioniert auch gut in der Desktopvariante - in der mobilen Ansicht jedoch macht er mir dann zwei 50%ige Spalten daraus.

    Wie handhabt ihr das?

    Vielen Dank!

    • 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

  • Wie handhabt ihr das?


    Mit einer Anpassung in den CSS/MediaQueries.


    PS.:
    Mit einer Anpassung im Dashboard in den Zusätzlichen CSS kann man auch deine Trixerei anpassen ;)

    Z.B.: auf der Startseite:

    Code
    .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        max-width: 80%;
    }

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

    2 Mal editiert, zuletzt von SEpp55 (20. Mai 2020 um 14:37)

  • Vielen Dank!
    Das hab ich schon gemacht - meine maximale Breite wäre 1160px.
    Jedoch habe ich zwischendrin Elemente, die ich in voller Breite haben möchte, z.B. eine Galerie mit ein paar Bildern.
    Ich würde diesem Bereich auch gerne eine Hintergrundfarbe geben?

    Ich mein, ich könnte es mit der CSS-Frickelei machen, jedoch gibt es jetzt ein extriges Blocksystem - das muss ja innerhalb dessen funktionieren, oder nicht?

    Vielen Dank!

  • CSS ist KEINE Frickelei!
    Jeder dieser Blöcke im Gutenberg oder in sonstigen Editoren ist grundsätzlich an die Breite des (Content-) Containers gebunden, die wieder von Theme zu Theme unterschiedlich ist und das ist ja auch gut so.
    Du hast natürlich die Freiheit bei einem grundsätzlich kostenlosen System, wie Wordpress eines Ist, selbst deine Vorstellungen nach eigenem Wissen und Können umzusetzen.
    Auch verschiedene Hintergrundfarben sind da kein Problem, ausser die Gefahr von Augenkrebs wenn es arg bunt wird, aber jeder wie sie/er möchte.
    Der Gutenberg Editor bietet die Möglichkeit für jeden Block "Zusätzliche CSS-Klasse(n)" zu vergeben und die individuell zu gestalten.
    Das ist allen einmal Grundinformation, da bisher noch keiner weiß, was du wirklich wo willst.
    Wenn du ein konkretes Beispiel mit einem Link dazu hast, wird sich das jemand ansehen.

    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 für Elemente mit einer 100%-igen Breite einfach das Spaltenelement verwendet, wo ich die Breite der ersten Spalte auf 100% und die Breite der zweiten Spalte auf 0% gestellt habe.

    Warum die leere Spalte? Was soll eigentlich erreicht werden? Was klappt nicht ohne diese Spaltenkonstruktion? Link zum Problem?

    ..., jedoch gibt es jetzt ein extriges Blocksystem - das muss ja innerhalb dessen funktionieren, oder nicht?


    Dieses System steckt in vielen Punkten nach wie vor noch in den Kinderschuhen, Supportforen speziell zum Blockeditor Gutenberg findest Du z.B. hier verlinkt.

Jetzt mitmachen!

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