Theme: Storefront - Footer Design | Hilfe benötigt

    Hallo zusammen,

    ich möchte für mein Storefront Theme einen ganz dezenten einzeiligen Footer. Die 4 Punkte Impressum, AGB/Widerruf , Datenschutz und Versand sollen direkt nebeneinander dargestellt werden. Der Copyright-Vermerk soll in gleicher Zeile ganz links stehen. Keine Widgets oder sonstiger Blödsinn.

    Meine Seite: http://www.daily-concept.net
    Bespiel für den Footer gesehen auf: http://www.azudemsk.de

    Ich bin CSS mäßig er so der Trial&Error Typ, hab es aber mit allen Versuchen nicht hinbekommen.

    Wäre dankbar wenn mir da jemand helfen könnte!

    Beste Grüße

    • Gerade eben
    • 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

    Da haben wir das schon Problem!
    Die Formate, die du ändern willst befinden sich in einem Stylesheet, das zu dem 'Theme Storefront' gehört - und in dem wird ausdrücklich davor gewarnt, in diesem Sheet Änderungen vorzunehmen.
    Dann sollte man auch die Finger davon lassen!
    Es gibt jedoch die Möglichkeit diese, für dich nicht passenden Formate in einem 'Child Theme' zu ändern. Hast du so was oder weißt, wie man sich ein solches anlegt?
    Die zu ändernden.. also in dieses Child Theme einzutragenden Formatierungen... sind folgende:

    Code
    .widget_nav_menu ul li {
   display: online-block;
}


    Das sorgt dafür, dass die Links nicht mehr untereinander, sondern nebeneinander angezeigt werden.

    Und dann müsste noch das Format für

    Code
    .footer-widgets .col-3 .block {
   width: auto;
   margin-left: auto;
   margin-right: auto;
}


    damit er Platz für die Link-Elemente ausreicht und sich diese 'Leiste' zentriert.

    Das Footerzeile auf der Seite, die du als Beispiel angibst, ist komplett anders aufgebaut. Nicht als Liste, wie bei dir, sondern in der Form '<div><a...></a><a...></a><a...></a></div>.

    Danke fürs Drüberschauen!

    Ja, ich weiß was ein Child-Theme ist und könnte mir auch eines anlegen. Ich arbeite aber vorzugsweise mit nem Custom-CSS-Plugin - reicht für meine Belange aus.

    Die zwei Schnippsel die Du gepostet hast, bringen nicht das gewünschte Ergebnis. Eher verändern Sie gar nichts.

    Aber trotzdem danke!

    "display: online-block" ist ein Verschreiber... Richtig wäre "display: inline-block". Es sollte aber auch mit "display: inline" funktionieren.

    Das es "inline-block" sein muss, habe ich schon selbst gesehen. Aber DANKE!

    Wenn das CSS so funktionieren sollte, zeigt mir nen Screenshot als Beweis.;) Sowohl über mein Custom-CSS als auch über die DEV-Tools im Chrome erhalte ich nicht den gewünschten Effekt.

    Bin jetzt etwas verwirrt - wollte gerade auf deiner Seite mit den FireFox Inspektor die Änderungen testen... aber es ist doch schon so, wie du es wolltest - oder?

    Ich habe gerade noch ein bisschen im Customizer rumgespielt. Es ist jetzt annähernd wie ich es möchte, aber diesen Copyright-Vermerk kriege ich nicht mit den Links auf eine Linie!

    Uhhhh... da hast du dir ein Monster geschaffen! Der Code ist viel zu kompliziert. Für jeden deiner Links steht da.


    und das Ganze jetzt 4mal.
    Und darunter dann dein Copyright Vermerk, der aufgrund von irgendwelchen Formatierungen, die ich jetzt nicht nachvollziehen kann, nicht angezeigt wird
    Du solltest versuchen, den Code etwas einfacher und übersichtlicher zu gestalten - vielleicht so:

    alles in einer List <ul> ... </ul>
    jedes Element schön als einzelner Listeneintrag <li>...</li>
    Wäre einen Versuch wert.

    Der Copyright-Vermerk ist eh schon sehr klein unten. Wenn du den Cookie-Hinweis nicht weggeklickt hast, hast du Ihn vielleicht übersehen.

    Das Problem ist glaub ich folgendes: Storefront ist ausgelegt auf einen 4-Spalten Footer. Ich kann aber auch auf 3/2/1-spaltig umstellen. Jetzt habe ich in jeder Spalte ein Menu-Widget mit je einem Link. Vorher war es einspaltig mit 4-Links in einem einzigen Menu-Widget. Der Copyright-Vermerk liegt je separat darunter.

    Mein Wunsch-Ergebnis bekomme ich mit beiden Variaten nicht wirklich hin. :neutral: Danke aber für die Bemühungen.

    Ich werde mir glaub ich dann nur für den Footer ein Child anlegen und alles was ich nicht will aus der Footer.php rausballern.

    ich seh gerade... da ist ein Fehler drin! Es kann in einem Dokument nicht nicht 2 identische id's geben.
    Musst du in dem ersten <li> (das mit dem Copyright) das id="menu-item-3002" und den Eintrag 'menu-item-3002' in der 'class' löschen. Das sollte keine Auswirkungen auf das Format haben.

    Ich kann dir da in Sachen WordPress Einstellungen und Umgang mit vorgefertigten Themes nicht wirklich weiter helfen - ich bin da mehr der HTML und CSS Typ.
    Aber mit dem Code von oben hast du einen 1 spaltigen Footer. Die Spalte muss nur breit genug sein, um die 5 Einträge anzuzeigen.

    Hallo zusammen,

    ich habe leider genau das selbe Problem bzw. möchte ich es genau so dargestellt haben.

    Ist es eventuell möglich den Code dafür zu haben? Bzw. wie hast du das so hinbekommen?

    Ich bekomme die nicht nebeneinander gestellt...

    Vielen Dank.

    Der Beitrag ist 5 (fünf!) Jahre alt. Inzwischen macht man so etwas sicherlich etwas anders. Wenn Du Hilfe bei deinem Projekt brauchst, erstell doch bitte ein eigenes Topic.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden