Hintergrund der Widgets im Footer (Dive Ectra Theme) ändern

fitzuhase

Hallo
ich versuche verzweifelt den Hintergrund (Farbe) der Widgets im Footer zu ändern. Die bisherigen Beiträge und Codes haben bei mir leider nicht funktioniert. (Ich benutze das Divi Extra Theme) Meine Website

Kann mir jemand weiterhelfen?

Beste Grüße

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

Sailor56

Was genau willst du geändert haben? Ich sehe dort nur die Elemente #footer und #footer-bottom , die eine (änderbare) Hintergrundfarbe haben. Und bei denen die Farbe zu ändern sollte problemlos im 'zusätzlichen CSS' möglich sein.

Welche Codes funktionieren denn bei dir nicht? Wo hast du die Codes eingetragen?

fitzuhase

Ich würde gerne die Farbe aller Footer Elemente (vom ganzem unterem Segment) in weiß ändern.
Die Codes habe ich im "zusätzlichen Css" eingetragen.
Codes, die ich probiert habe:
#footer-bottom { background-color: #ff0000 !important; } (hat funktioniert, aber nicht von allem die Farbe geändert)

#main-footer {
background-color: white !important;
} (hat nicht funktioniert)

#footerwidgets {

background-color: #AABBCC;
padding-top: 20px;
width: 100%;

} (hat nicht funktioniert)

Hast du noch ne andere Idee?

Sailor56

Ich kann nicht erkennen, wie du auf diese Selektoren kommst... davon finde ich keinen einzigen in deinem Code - richtig wäre das hier:

HTML

#footer {
  background-color: #fff;
}
#footer .et_pb_widget a {
  color: #000;
}
#footer-bottom {
  background-color: #AABBCC;
}
#footer-info, #footer-info a  {
  color: #000;
}
.et-extra-icon::before {
  color: #000;
}

Alles anzeigen

Damit solltest du alle Elemente ansprechen und bei jedem individuell Farbe und alles andere einstellen können.

fitzuhase

Vielen Dank!
Es hat funktioniert:)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrund der Widgets im Footer (Dive Ectra Theme) ändern

Jetzt mitmachen!