Wordpress twenty-twenty auf volle Weite setzen

  • Hallo und guten Tag,

    wie geht denn das WP Theme (das twenty-twenty) auf full width zu setzen.

    also das Wordpress-theme https://de.wordpress.org/themes/twentytwenty/

    Also um mal ein Beispiel zu geben: das hier ist ein Full-width-theme - als twenty-twenty:

    https://pulsdesign.at/webseiten-webshoperstellung/

    Da ist die volle Weite umgesetzt - einfach im Theme 2020.

    Habe nach Anleitungen geguckt - hier https://www.wpbeginner.com/wp-themes/how-…e-in-wordpress/

    und dann noch das hier gefunden:

    den CSS code in # 3551 der "style.css" Datei

    Code
    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        max-width: 58rem;
        width: calc(100% - 4rem);
    }

    bzw. diesem Ansatz:

    CSS
    .full-bg{max-width:100% !important;}
    .container{max-width:100% !important;}


    Frage: gibt es denn noch weitere Optionen das Theme auf volle Weite zu setzen

    ...so wie das hier aussieht: https://pulsdesign.at/webseiten-webshoperstellung/

    Vielen Dank für Eure Beiträge - für die Diskussion

    Eurer Südtiroler

    Interessen: Linux & SBC allaboutcircuits :: die neuen Knowledge-Base: AFFiNE: There can be more than Notion and Miro. auf affine.pro :: WordPress Ressourcen Entwicklung: auf make.wordpress.org/core/

    • 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

  • Um das mal zu klären, deine verlinkte Seite ist NICHT mit dem WP-Theme Twenty Twenty gemacht!

    Es ist - [size=14]The7 — Multi-Purpose Website Building Toolkit for WordPress[/SIZE][size=14] - und somit ein Bezahltheme!

    Um auf deine Frage einzugehen, auch beim Twenty Twenty ist ein Full-width, mit mehr oder weniger CSS-Änderungen, möglich.
    Ansätze sind ja schon vorhanden. Siehe die Template-Auswahl [FONT=Courier New]Cover Template[/FONT], allerdings wird hier das Bild bei großen Anzeigen, out of the Box, full angezeigt, aber bei kleineren Anzeigebreiten wird das Bild abgeschnitten ;-(
    Den Text kannst du z.B. via CSS breiter darstellen.

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

    Und bitte nicht in der style.css ändern, das wird beim nächsten Theme-Update überschrieben - dafür hat WordPress im Customizer [size=14]Zusätzliches CSS eingeführt - oder wenn viele Änderungen anstehen ein Child-Theme anlegen.[/SIZE]
    [/SIZE]

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

  • Hallo und guten Abend SEpp55

    vielen Dank für deine Antwort und deinen Beitrag.

    Zitat


    Um das mal zu klären, deine verlinkte Seite ist NICHT mit dem WP-Theme Twenty Twenty gemacht!

    Danke - ist ja interessant.

    Es ist - The7 — Multi-Purpose Website Building Toolkit for WordPress - und somit ein Bezahltheme!


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

    Danke - das werd ich ausprobieren - nicht in der STILE.CSS sondern in der Rubrik "Zusätzliches CSS"

    oder wenn viele Änderungen anstehen ein Child-Theme anlegen - VG

    Südtiroler

    Interessen: Linux & SBC allaboutcircuits :: die neuen Knowledge-Base: AFFiNE: There can be more than Notion and Miro. auf affine.pro :: WordPress Ressourcen Entwicklung: auf make.wordpress.org/core/

    Einmal editiert, zuletzt von Olaf (12. März 2021 um 15:30)

Jetzt mitmachen!

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