Support » Themes » Unterschiedliche Hintergrundfarbe von Top Bar und Container

  • Gelöst adrian1094

    (@adrian1094)


    Hallo,

    ich möchte meine Top Bar gerne in einer anderen Hintergrundfarbe als den Hintergrund meiner Homepage haben. Wenn ich die Farbe für die Top Bar im Customizer einstelle, ändert sich die Farbe für den Hintergrund, auf dem der Content ist. ebenfalls. Ich habe die Farbe auf der Seite in grün eingestellt, damit deutlich zu erkennen ist, was ich meine.

    Kann ich es in der CSS-Anpassung so ändern, dass ich die Farbe einer dieser Sektionen separat verändern kann? Vielen Dank im Voraus.

    LG

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Bekommen wir auch noch den Website-Bericht? 🙂

    Geh bitte auf Werkzeuge > Website-Zustand > Bericht, klick auf den Button und füge den Bericht mit Strg-V unverändert in deine Antwort ein.

    Kann ich es in der CSS-Anpassung so ändern, dass ich die Farbe einer dieser Sektionen separat verändern kann?

    Ob du das kannst, können wir nicht beurteilen.
    Fragen zu CSS sind hier grundsätzlich off topic – dafür gibt es besser geeignete Foren. Wir helfen aber schon mal aus, wenn wir wissen, was ganz konkret gewünscht ist und genug Informationen haben.

    Ganz allgemein gesagt: Wenn du im Customizer keine Einstellungsmöglichkeit findest, ist eine Anpassung mit einer eigenen CSS-Regel die übliche Vorgehensweise. Dazu klickst du den gewünschten Abschnitt mit der rechten Maustaste an, gehst auf „Untersuchen“ und suchst in den Entwickler-Tools nach dem richtigen Selektor, um eine Anpassung vorzunehmen. In der rechten Spalte des Inspektors der Entwickler-Tools kannst du dann eigene CSS-Änderungen ausprobieren und kopieren, um sie dann im Customizer unter „Zusätzliches CSS“ einzutragen.

    Ich tippe mal auf
    #main { background-color: ffffff; }

    Die Top-Bar lässt sich mit

    #top-bar-wrap, .oceanwp-top-bar-sticky {
      background-color: #e00;
    }

    farblich ändern.

    @bscu: mit #fff funktioniert’s besser. 🤓

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)