Hintergrundfarbe auf Artikel- und statischen Seiten (oneway/Zerif Lite)

    Ich habe mir für eine kleine neue Wordpress-Seite das Theme oneway installiert, welches ein auf Zerif Lite basiert, zumindest muss auch Zerif Lite installiert sein, damit es funktioniert.

    Hier habe ich ein Hintergrundbild ausgewählt und es liegt vom Theme ein transparenter Overlay in lila und türkis darüber über der gesamten Startseite und den entsprechenden Sektionen. Ruft man aber nun eine statische Seite oder einen Artikel auf, so ändert sich der Hintergrund auf weiss und da auch die Schriftfarbe in der oberen Navigationsbar weiss ist, kann man das Menü nicht mehr erkennen.

    Kann man das irgendwie ändern, dass auch auf den Unterseiten, sei es statisch oder auch ein Artikel der gleiche Hintergrund verwendet wird, wie auf der Startseite?

    https://de.wordpress.org/themes/oneway/

    • 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)

    Mehr erfahren

    Bitte einen Link zur Seite, damit man sich das 'live' anschauen kann. Mit der Vorschau auf der verlinkten Seite kann man wenig bis gar nichts anfangen.

    Die Schriftfarbe lässt sich im CSS mit der Eigenschaft 'color: Wunschfarbe;' anpassen.

    HTML
    /* Für die Startseite */
.home .navbar-inverse .navbar-nav > li > a {
  color: #fff;
}


/*Für alle anderen Seiten */
.navbar-inverse .navbar-nav > li > a {
  color: #666;
}


    Den Code in das zusätzliche CSS eintragen - vom Dashboard -> Design -> Customizer -> zusätzliches CSS

    Nach der Änderung prüfen, ob es auf allen Seiten funktioniert und ob es unerwünschte Nebenwirkungen gibt.

    Zitat von Sailor56

    Die Schriftfarbe lässt sich im CSS mit der Eigenschaft 'color: Wunschfarbe;' anpassen.

    HTML
    /* Für die Startseite */
.home .navbar-inverse .navbar-nav > li > a {
  color: #fff;
}


/*Für alle anderen Seiten */
.navbar-inverse .navbar-nav > li > a {
  color: #666;
}


    Den Code in das zusätzliche CSS eintragen - vom Dashboard -> Design -> Customizer -> zusätzliches CSS

    Nach der Änderung prüfen, ob es auf allen Seiten funktioniert und ob es unerwünschte Nebenwirkungen gibt.

    Vielen Dank für deine Antwort Sailor56. Der erste Code für die Startseite hat keinen Effekt. Der zweite Code färbt die Schriftfarbe in grau, also sowohl auf der Startseite, als auch auf den anderen Seiten. Ist das Verhalten richtig? Am schönsten fände ich es irgendwie, wenn es auf der Startseite so bleiben würde und auf allen anderen die Hintergrundfarbe des Headers, als dieser abgetrennte Bereich mit dem Menü und dem Logo auch in so einem Lilaton ist, wie der Overlay auf der Startseite. Geht das?

    Versuche mal das in die Zusätzlichen CSS einzufügen:

    Code
    /*Hintergrung Navigation verlaufend alle Seiten*/
#main-nav {
    background: linear-gradient(180deg,rgba(235, 122, 255, 0.729412) 0%, rgba(22, 48, 135, 0.941176) 100%);
}
/*Hintergrung Navigation auf Startseite ausblenden*/
.home #main-nav {
    background: none;
}

    Der Farbverlauf ist von der Startseite (allerdings nur im Menübalken) ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden