Twenty Seventeen Spaltenbreite anpassen

  • Hallo zusammen,

    ich möchte in Twenty Seventeen auf meiner Startseite mit den letzten Beiträgen die Spaltenbreite anpassen. Auf allen Unterseiten habe ich es mit Hilfe des Forums schon geschafft, dass diese einseitig und breiter sind. Nur auf unserer Startseite will das nicht klappen. (http://www.jgr-online.de)
    Ich hoffe, ihr könnt mir da weiterhelfen.

    Danke

    Jens

    • 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

  • Leider ist weiterhin ein "Content Protection" Plugin aktiv... :rolleyes:

    In Design > Customizer > Zusätzliches CSS wurde bereits eine generelle Änderung der Breite eingegeben, aber offenbar von irgendwoher falsch dort reinkopiert, dadurch wird sie nicht wirksam.

    Entferne dort alles vor der [FONT=Courier New].wrap { … } [/FONT]CSS Regel, also diesen Textteil:

    Code
    Dort einfach diesen CSS-Code einfügen. Nach Bedarf die Breite in max-width anpassen:
    
    
    CSS


    Siehe auch Grundlagen zu CSS Syntax usw. z.B. hier.

    Edited 3 times, last by b3317133 (September 23, 2025 at 10:06 AM).

  • .... Du müsstest die o.g Überschrift als Kommentar kennzeichnen also

    Code
    /* Dort einfach diesen CSS-Code einfügen. Nach Bedarf die Breite in max-width anpassen:
    
    
    CSS */


    Das "CSS" ist überhaupt nicht notwendig ;-)

    Weiters könntest du die beiden Bereiche "#primary" und "#secondary", auch über CSS ändern. Derzeit ist primary auf 58% und secondary auf 36% width eingestellt.

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

  • Hab ich leider nicht hinbekommen. Wie müsste ich das richtig einbinden?

    "Weiters könntest du die beiden Bereiche "#primary" und "#secondary", auch über CSS ändern. Derzeit ist primary auf 58% und secondary auf 36% width eingestellt."

  • Ein Denkanstoß, weitere Hilfen z.B. Link

    Die jeweilige Breite kannst du selbst anpassen ;) - und gesamt nicht über 100% :rolleyes::)

    Übrigens, den Newsletter als IFrame, das hat mit responsive nichts zu tun! - Meine Meinung

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

  • Mega gut!!!!!
    Vielen Dank für die Hilfen!!

    Ich werd mich da wohl mal tiefer einarbeiten müssen.
    Ja, der Newsletter ist mir so auch ein Dorn im Auge. Aber die Kollegin, die ihn erstellt macht ihn halt mit Canva...wie soll ich ihn anders einbinden?

    Edited once, last by schwabenpower (October 10, 2025 at 11:10 AM).

  • Wenn du den Newsletter oder derzeit die 5er Infos so wie derzeit einbindest, verschenkst du viel Weissraum an den Rändern!
    Mein Vorschlag die Ränder auf max. 1em reduzieren.
    Ggf den primary auf 73% und den secondary auf 23% setzen, da bleiben 4% Abstand!

    @Media (max-width:1000px) {
    .wrap {
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    }
    }

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

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!