Twenty Sixteen Header

  • Hallo

    Da ich bis jetzt immer mit Theme gearbeitet habe, die einfach zu viel bieten als das was ich wirklich gebraucht habe, wollte ich jetzt meine neue Seite mit dem Standard WP Theme Twenty Sixteen machen( Design wird lokal entwickelt, deshalb leider keinen Link).
    Nun Habe ich ein Problem mit dem Header und der Navigationsbar.
    ich möchte einen Transparenten Header mit Opacity 0.2, Navigation Full Width
    Beispiel:

    und so sieht es jetzt aus

    das steht aktuell in der Custom Css


    Würde mich über eure Hilfe sehr freuen

    • 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

  • Ich habe das [COLOR=#333333]Theme Twenty Sixteen mal bei mir aktiviert. Im Standard ist das ja mit einer fixen Breite.

    Hier hat jemand das Theme so modifiziert, dass es einen Full-Width Header hat.

    [/COLOR]So wie ich gesehen habe ist für dich folgendes Element wichtig, um eine Transparenz zu bekommen: [FONT=Consolas].site-header-main

    [/FONT]Diesem Element würde ich folgenden Werte geben:

    [FONT=Consolas]rgba(255, 255, 255, 0.2);
    padding: 0 20px;

    Mit opacity würde ich nicht arbeiten, da dann auch die Links, der Text und Bilder transparent werden. rgba eignet sich da besser.

    Hoffe das hilft dir ein wenig weiter.

    Gruß Markus[/FONT]

Jetzt mitmachen!

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