Blaustich aus Header-Bild entfernen (Theme Toivo Lite)

    Hallo Zusammen!

    Einer Bekannten habe geholfen, eine Website auf WordPress-Basis aufzubauen. Dazu verwenden wir das Theme Toivo Lite, welches ich via Child-Theme leicht angepasst habe. Nun ist uns aufgefallen, dass bei jedem Bild, das als Header-Bild eingesetzt wird, vom Theme ein Blaustich darüber gelegt wird. Dieses Verhalten würden wir gerne entfernen und stattdessen lieber das Bild in Echtfarben anzeigen lassen.

    Kann mir hier jemand helfen? Ich habe leider überhaupt keine Ahnung, wo sich diese Funktion verstecken könnte und weiß deshalb auch nicht, wo ich suchen bzw. den Schraubendreher ansetzen muss.

    mfg
    Simon

    • 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

    Für den Blaustich ist folgende CSS-Anweisung zuständig:

    Code
    .site-header > .wrap::before {
background-color: rgba(59, 86, 103, 0.7);
}


    Diese Anweisung anpassen und in die style.css des Child-Themes einsetzen:

    Code
    .site-header > .wrap::before {
background-color: transparent;
}

    Gruß
    helix

    Hallo helix,

    vielen dank für deine Antwort! Ich konnte die Änderung nun endlich einbauen und sie funktioniert. Wobei ich den Code wie folgt anpassen musste:

    CSS
    .site-header > .wrap::before { 
  background-color: transparent !important;
}

    Nur, falls es sonst auch mal jemand braucht. :-)

    Beste Grüße
    Simon

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden