Theme Courage - Designfehler bei zusätzlichen Sidebars

  • Ich hoffe hier kann mir Jemand helfen. Ich versuche seit Stunden das Courage-Theme mit 4 zusätzlichen Sidebars zu versehen, um diese mit Widgets zu befüllen, da dieses Themen standardmäßig nur zwei Sidebars für die Magazin-Startseite sowie der rechten Sidebar mitbringt. Eine Anleitung dafür habe ich hier entdeckt und entsprechende Änderungen in meinem Child-Theme Ordner wie folgt durch geführt:

    functions.php:

    Die "footer.php" hier im Ganzen:

    Änderungen an der "style.css" habe ich nicht vorgenommen, da die Standardwerte eigentlich schon vorgegeben sein sollten. Im Prinzip funktioniert das ganze auch schon. Unter "Design > Widgets" sehe ich die neuen Sidebars und kann sie auch mit Widgets befüllen. Getestet habe ich das jeweils mit einem Kalender und einem Suchfeld-Widget, jedoch reißt es mir den ganzen Footer auseinander und ich komme einfach nicht dahinter woran es liegt und wie es sich anpassen läßt. Vielleicht könnte mir Jemand dabei helfen bzw. das Theme mal selbst installieren und sich das anschauen und zwar so das es auch mit mobilen Geräten kompatibel ist.

    Wo liegt der Fehler? :(

    2 Mal editiert, zuletzt von Funcoder (3. Juni 2018 um 17:35)

    • 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

  • Versuche mal den Punkt 3 der Anleitung - das Stylen und mit den media queries macht du das dann responsive!
    Am Beginn ermittelst du die nutzbare Breite in deinem Themenfooter. Diese geteilt durch Anzahl der geplante Widgets (inkl. Abstand - margin) ergibt die width im Style.
    Das reicht für den Beginn ;-)

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

  • Erstmal vielen Dank! Habe das gerade ausprobiert, jedoch führte das auch nicht zum Erfolg.

    Aus diesem Grund habe ich es nochmal mit dem ersten Code von mir probiert und den ein wenig abgeändert indem ich die Klasse "footer-wrap" verwendet habe, die ja vom Theme auch verwendet wird. Jetzt sieht das ganze so aus:

    Der Rahmen ist also schonmal da und das Copyright unten, genau wie ich es haben wollte, selbst auf mobilen Geräten. Was mir jetzt noch fehlt ist halt die Unterteilung in 4 Spalten sowie ein größerer Abstand vom Footer-Text, der sich derzeit noch im anstatt über dem Kalender befindet aber irgendwie bekomme ich beides nicht zusammen obwohl ich im Prinzip kurz vor dem Ziel bin. Hier mal der neue Inhalt der "footer.php"

    2 Mal editiert, zuletzt von Funcoder (3. Juni 2018 um 18:57)

  • Und was steht in der style.css vom Child-Theme???
    Oder du gibst einen Link bekannt (ggf auch temporär) um das mal ansehen zu können.
    Das erste Bild sieht ja schon fast brauchbar aus, wenn du die Widgets noch etwas schmäler machts gehen sich ggf alle 4 aus.

    Auszug aus dem obrigen Link:

    Zitat


    Mit den ersten zwei Schritten werden unsere Footer Widgets bereits erfolgreich angezeigt, jedoch alle untereinander. Für die Darstellung der Widgets in vier Spalten benötigen wir etwas CSS, welches du in der style.css deines Child Themes hinzufügen kannst.

    Jeder Widget Spalte wird eine Breite von 25% und etwas Abstand zur nächsten Spalte zugewiesen. Mit float werden alle Spalten nebeneinander und horizontal dargestellt.

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

  • Die Seite ist noch nicht online und soll bis zur Veröffentlichung noch privat bleiben aber ich könnte Dir den Link und den Zugang privat zuschicken. Wäre das okay?

Jetzt mitmachen!

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