Wordpress Footer Farbe ändern mit css

WordPress Footer Farbe ändern – Hintergrundfarbe bearbeiten CSS

6. November 2018

Viele Design Elemente kann man mit dem WordPress Customizer individuell anpassen. Je nach Theme, sind die Möglichkeiten mal größer, mal kleiner. Wer auf die Widgets im Footer nicht verzichten möchte, der sollte den folgenden CSS-Code auf jeden Fall kennen:

#main-footer {
background-color: white !important; 
}

Denn mit diesem können wir die Hintergrundfarbe des Footer-Bereiches ganz einfach anpassen.
Wenn du einen Farbverlauf nutzen möchtest, kannst du auch folgenden Code verwenden:

#main-footer {
background-image: linear-gradient(180deg,#0c0c0c 42%,#3effff)!important;
}

Du kannst den Farbverlauf auch Live auf der Website IcoUpdate auf dich wirken lassen.

Passende Farbe finden

Du solltest den Code noch abändern und deine individuelle Farbe vergeben. In unserem Beispiel wird die Farbe als „white“ definiert. Statt dem „white“ kannst du eine andere Farbe wie „red, blue, yellow“ oder einen Farbcode verwenden, der dir viel mehr Farbvariationen bietet. In dem Fall würde das „white“ durch eine Raute mit folgendem Farbcode ersetzt (z. B. #0c0c0c).

Eine passende Farbe findest du z. B. mit Hilfe einer Farbtabelle.

 

Wo kommt der Code hin?

CSS-Code ist super einfach einzubinden. Dafür benötigt man keine Programmierkenntnisse und man kann auch nicht wirklich was kaputt machen. Der Code kann unter Customizer > Zusätzliches CSS platziert werden. (Mehr dazu hier: CSS Code mit WordPress einbinden)

SIE KÖNNEN SICH BEI UNS BEDANKEN!

Sofern Ihnen der Artikel geholfen hat, können Sie sich mit wenig Aufwand revanchieren!

 

Bitte hinterlassen Sie uns eine positive Bewertung.

 

Falls Sie Fehler entdecken oder ein Artikel unvollständig ist, freuen wir uns über einen Kommentar.

Bewertung erstellen

Kommentare

Sag uns deine Meinung! Jetzt antworten

Deine E-Mail-Adresse wird nicht veröffentlicht.