Hallo liebe Blogger,
ich habe ein Problem mit meinem Footer auf meiner Homepage http://www.corekingz.com
ich benutze das theme lucid.
bisher ist die hintergrund farbe des footers weiss und ich möchte dies in ein dezentes grau umwandeln.
leider finde ich nicht den code in der style. es gibt in der style einen footer bereich:
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#main-footer { border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 30px; }
#main-footer:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
#footer-divider { border-top: 1px solid #eeeeee; position: absolute; top: 62px; width: 100%; left: 0; }
#footer-divider:before { background: url(images/shadow.png) no-repeat top center; position: absolute; top: -1px; left: 0; width: 100%; height: 7px; content: ''; }
.footer-widget { float: left; border-left: 1px solid #f3f3f3; padding: 24px 20px 27px 40px; width: 258px; }
.footer-widget.last { border-right: 1px solid #f3f3f3; }
.footer-widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; padding-bottom: 53px; }
.footer-widget li { padding: 0px 40px 28px 12px; font-size: 16px; }
.footer-widget li a { text-decoration: none; color: #4c4c4c; }
.footer-widget p { line-height: 28px; }
#bottom-advertisment { border-top: 1px solid #eee; }
#bottom-advertisment .container { text-align: center; margin-bottom: 60px; padding-top: 58px; }
#bottom-menu { float: left }
#bottom-menu li { display: inline-block; }
#bottom-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; padding: 0 15px; display: block; }
#bottom-menu .active { font-weight: bold; }
p#copyright { float: right; font-size:12px; color:#4b4b4b; margin-top: -4px; }
p#copyright a { color:#4b4b4b; font-weight: bold; }
#footer-bottom .container { padding-bottom: 16px; }
jedoch finde ich da leider nichts :sad:
Footer Farbe ändern
-
- 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)
-
Da wirst Du wohl ewig und drei Tage suchen können, wenn weiß weil Du noch keine Farbe definiert hast. Ich weiß, alles nicht einfach.
Code/*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { ...; [COLOR=#0000ff]background-color:#ff0[/COLOR]}Oder aber Du meinst mit Footer nur den unteren abschließenden Streifen, was wohl mehr hinkommt, der ist aber nur ein Teil vom Body und der soll wohl weiß bleiben? Da müsstest Du dann noch einen Footer einbauen, so wie es ausschaut.
-
Eigentlich ist da auch einer vorhanden, doch den müsstest Du dann noch zusätzlich anpassen:
HTML#footer-bottom .container { padding-bottom: 16px; background-color:#ff0; width:100%} -
Code
/*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { ...; background-color:#ff0}Ich möchte gern den Teil Footer ändern, wo Letzte Kommentare, Archive und Kontakt enthalten sind. Also genau diesen Hintergrund möchte ich grau machen....
Brille kaufen, dann background-color:#(Farbwert) bei #main-footer hinzufügen. -
Die sind nicht ganz weiß, wie es ausschaut:
Code.footer-widget { float: left; border-left: 1px solid #f3f3f3; ...
Die Weite findest Du ebenfalls in diesen Zeilen (sieht zumindest so aus), wobei die aber floaten und wenn dann insgesamt die Breite nicht mehr reichen sollte, kippt der letzte DIV-Bereich unter Umständen nach unten weg. Also das müsstest Du Dir ausprobieren und in unterschiedlichen Browsern betrachten. -
wie kannst du sowas gleich sehen? benutzt du ein programm dafür?
Nein, ich benutze da auch nur, was der Firefox schon an Bord hat, wie den Inspektor unter Extras => Web-Entwickler.allerdings ist jetzt noch diese weisse lücke zwischen footer und dem footer ganz unten.
Und wenn Du Dich dazu entschließen könntest, einfach den 30px Abstand zu verringern oder zu entfernen?Code#main-footer { border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 30px; background-color:#E6E6E6 } -
Falls Du eine Chance haben solltest da heranzukommen, was ich erst einmal nicht vermuten würde, dann ja.
HTML</div> <p>Ihre E-Mail-Adresse (Pflichtfeld)<br />
Denn dann könntest Du das ändern in:HTML</div> <p style="margin-top:0px">Ihre E-Mail-Adresse (Pflichtfeld)<br />
Nur ich denke eher nicht, weil die Sprachdateien so nicht lesbar sind, <p> und <br /> von WP oftmals beim Rendern eingefügt werden (ob da auch, wohl eher nicht, nur in Artikeln und so), doch ehe Du gefunden hast, wo sich was verbirgt, da könnte Ostern sein.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!