Twenty Fifteen - Breiter Inhaltsbereich und kleinere Seitenleiste

  • Hallo, kann mir jemand helfen.

    Ich versuche in dem Theme den Inhaltsbereich Grösser und die Seitenleiste kleiner zu bekommen.

    Egal was ich probiere, entweder der Inhaltsbereich floatet über die Seitenleiste oder die Widget fliegen aus der Seitenleiste raus. Und wenn es auf dem Desktop funktioniert ist es auf dem Handy total zerschossen.
    Weiß jemand wie ich es am besten mache bzw. gibt es irgendwo eine funktionsfähige anleitung?

    [Blockierte Grafik: https://preview.ibb.co/eMqUuJ/beispiel.png]


    Soory, das ich keinen Link schicken kann, aber ich arbeite offline.

    2 Mal editiert, zuletzt von maxe (20. Juli 2018 um 09:25)

    • 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

  • Ohne Link gibt es nur allgemeine Tipps
    https://wiki.selfhtml.org/wiki/CSS/Media_Queries
    https://www.w3schools.com/css/css_boxmodel.asp
    https://www.w3schools.com/css/css_float.asp

    Edit: kannst du uns wenigstens sagen um welches Theme es sich handelt?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Einmal editiert, zuletzt von SirEctor (20. Juli 2018 um 09:10)

  • bei mir sieht das twenty fifteen in meinem local wp-test so aus. Die Farben sind nur zur Erkennung der verschiedenen Bereiche ;)

    Bei der Sidebar sind bei den verschiedenen Elementen 20% padding eingestellt, die man ggf bis auf 0 verringern könnte, je nach gefallen.
    Ich habe für den Content-Bereich schon eingegriffen!

    Code
    @media screen and (min-width: 10em) {
    .page, .hentry, .page-header, .page-content {
        margin: 3% 3%;
    }
    }


    siehe erster Link von SirEctor
    Das trifft auch für

    wenn es auf dem Desktop funktioniert ist es auf dem Handy total zerschossen.


    zu.

    Diese Anpassungen sind im Dashboard unter Design - Customizer in die Zusätzlichen CSS einzufügen!!!

    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!