Problem mit Seitenbreite Twenty Eleven

  • Hallo Gemeinde,

    die Darstellung von o.g. Child-Theme auf diversen Monitoren gefällt mir nicht (mehr).
    Vermutlich habe ich selbst mal die Seitenbreite verstellt. Sollte jedenfalls möglich sein, da response-fähig.

    Nun möchte ich gerne die Seitenbreite auf *auto* stellen, finde aber nicht den richtigen Ansatz.

    Wenn ich im Firefox *div#page.hfeed* unter #page die *max width: 1000px* rausnehme, wird der Body schon deutlich breiter. Der Seitenpost ändert sich in der Breite jedoch nicht. An welcher Stelle muß ich WAS ändern? Über Hilfe würde ich mich sehr freuen.


    Vielen Dank im Voraus!
    Dirk von http://www.CottonCrew.de

    • 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

  • Hallo, mein Kopiersatz zu Beginn ;-)

    Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

    Code
    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
        width: 100%;
    }
    #page {
        max-width: 100%;
    }

    Für die page max-width kannst du auch z.B 1500px eingeben.

    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 SEpp55,
    vielen Dank. Das scheint soweit zu funktionieren. Jetzt muß ich nur noch die Standardschrift etwas vergrößern, sonst stimmt die Optik nicht.

    VG Dirk

  • Ich würde das über Breackpoints mit MediaQueries lösen! Sonst ist auch bei Handys die Schrift groß.
    Das heißt größere Bildschirmbreite - größere Schrift.
    Die letzte Änderung -

    Code
    p
    {
        font-size: 140%;
    }

    wieder löschen und folgendes einfügen:

    Code
    @media screen and (min-width: 1200px){
    p {
        font-size: 120%;
        }
    }
    @media screen and (min-width: 1400px){
    p {
        font-size: 140%;
        }
    }

    Wobei die Werte wieder frei wählbar sind ;-)

    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!