Footer Widget-fähig machen

Psychopomp

Hallo,

ich benutze eine Theme (deFolio), dessen Footer von Hause aus nicht Widget-fähig ist. Also habe ich nach Anleitung von http://www.elmastudio.de/wordpress/neue…footer-widgets/ die entsprechenden Dateien angelegt und ergänzt und soweit funktioniert auch alles ganz gut.

Das Problem ist jetzt nur, dass die drei Widget-Bereiche im Footer linksbündig dargestellt werden, während der Rest der Homepage mittig zentriert ist. Meine Frage daher: wie schaffe ich es, dass die Widget-Bereiche im Footer immer zentriert platziert werden?

Für Hilfe sehr dankbar ist
Marco

P.S.: Sollte bestimmte Code-Schnipsel benötigt werden, bitte mich wissen lassen welche. Die Seite selber ist leider noch nicht online.

Werbepost

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

Psychopomp

Keiner eine Idee? :?

Ich habe den Code Versucht anzupassen, aber das Ergebnis sieht nur bei einer bestimmten Bildschirmauflösung gut aus.
Hier mal der CSS Teil, der für den Footer-Bereich alles zuständig ist....
Vielleicht weiß ja jemand, wie das hinzubekommen ist.
Vielen Dank..

Code

[FONT=Arial][size=12]*  ##################################[/SIZE][/FONT]
[FONT=Arial][size=12]           FOOTER[/SIZE][/FONT]
[FONT=Arial][size=12]   ################################## */[/SIZE][/FONT]
[FONT=Arial][size=12]#footer-wrap { padding: 0 0 1px; background: url(img/grunge01.jpg); }[/SIZE][/FONT]
 
[FONT=Arial][size=12]#footer {[/SIZE][/FONT]
[FONT=Arial][size=12]           width: 860px;[/SIZE][/FONT]
[FONT=Arial][size=12]           margin: 0 auto 20px;[/SIZE][/FONT]
[FONT=Arial][size=12]           padding: 20px 0 0;[/SIZE][/FONT]
[FONT=Arial][size=12]       color: #3e3e3e;  [/SIZE][/FONT]
[FONT=Arial][size=12]           -moz-border-radius-bottomleft: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           -moz-border-radius-bottomright: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           border-bottom-left-radius: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           border-bottom-right-radius: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           font-family: 'Droid Serif', Georgia, serif;[/SIZE][/FONT]
[FONT=Arial][size=12]           font-style: italic;[/SIZE][/FONT]
[FONT=Arial][size=12]           text-shadow: 1px 1px 3px #1e1e1e;[/SIZE][/FONT]
[FONT=Arial][size=12]           clear: both;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
 
[FONT=Arial][size=12].single #footer {[/SIZE][/FONT]
[FONT=Arial][size=12]           -moz-border-radius: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           border-radius: 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
 
[FONT=Arial][size=12]#footer-left {[/SIZE][/FONT]
[FONT=Arial][size=12]           float: left;[/SIZE][/FONT]
[FONT=Arial][size=12]           width: 400px;[/SIZE][/FONT]
[FONT=Arial][size=12]           margin: 0px;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
 
[FONT=Arial][size=12]#footer-right {[/SIZE][/FONT]
[FONT=Arial][size=12]           float: right;[/SIZE][/FONT]
[FONT=Arial][size=12]           width: 400px;[/SIZE][/FONT]
[FONT=Arial][size=12]           margin: 0px;[/SIZE][/FONT]
[FONT=Arial][size=12]           line-height: 40px;[/SIZE][/FONT]
[FONT=Arial][size=12]           text-align: right;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
 
[FONT=Arial][size=12]/* --- Footer Widgtes --- */[/SIZE][/FONT]
[FONT=Arial][size=12].widget-area {[/SIZE][/FONT]
[FONT=Arial][size=12]           width:250px;[/SIZE][/FONT]
[FONT=Arial][size=12]           margin:0px 10px 0px 10px;[/SIZE][/FONT]
[FONT=Arial][size=12]           padding:0px 10px 0px 0px;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
[FONT=Arial][size=12]#first {[/SIZE][/FONT]
[FONT=Arial][size=12]           padding:20px 10px 0px 390px;[/SIZE][/FONT]
[FONT=Arial][size=12]           float:left;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
[FONT=Arial][size=12]#second {[/SIZE][/FONT]
[FONT=Arial][size=12]           padding:20px 0px 0px 0px;[/SIZE][/FONT]
[FONT=Arial][size=12]           float:left;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]
[FONT=Arial][size=12]#third {[/SIZE][/FONT]
[FONT=Arial][size=12]           padding:20px 0px 0px 0px;[/SIZE][/FONT]
[FONT=Arial][size=12]           float:left;[/SIZE][/FONT]
[FONT=Arial][size=12]}[/SIZE][/FONT]

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Footer Widget-fähig machen

Jetzt mitmachen!