1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Farbverlauf bei "Hitchcock"

Dieses Thema im Forum "Design" wurde erstellt von StefanB_FT, 4. April 2020.

Schlagworte:
  1. StefanB_FT

    StefanB_FT Member

    Registriert seit:
    4. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo,
    ich bin neu hier und habe eine Frage zum Farbverlauf der Hintergründe der Seiten bei "Hitchcock".
    Das ist ja oben transparent und unten schwarz.
    Wie kann ich es komplett transparent machen?
    Danke schon mal!
    VG
     
    #1 StefanB_FT, 4. April 2020
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    592
    Ja, kann man!
    Aber da ist noch ein Trick dabei.
    Im Demo des Themes habe ich das mal temporär eingestellt.
    Da ist oben ein Bild mit einem Layer mit dem Verlauf auf fast schwarz.
    Darunter ist einfach ein schwarzer Hintergrund (#1d1d1d) angefügt. Wenn man beides bearbeiter sieht es so aus wie unten.

    upload_2020-4-4_19-5-9.png

    Willst du das?
     
    #2 SEpp55, 4. April 2020
  3. StefanB_FT

    StefanB_FT Member

    Registriert seit:
    4. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
     
    #3 StefanB_FT, 4. April 2020
  4. StefanB_FT

    StefanB_FT Member

    Registriert seit:
    4. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Danke für die Antwort,
    Schaue vlt mal auf die HP www.oldie-freunde-pfalz.de
    Beim herunterscrollen ist erkennbar was ich meine.
    der Verlauf zum "Schwarz" soll weg .... einfach nur transparent sein
     
    #4 StefanB_FT, 4. April 2020
  5. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    592
    Versuche mal nachfolgenden Code im Customizer unter Design - Zusätzliche CSS einzufügen!

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #5 SEpp55, 4. April 2020
  6. StefanB_FT

    StefanB_FT Member

    Registriert seit:
    4. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    danke, ich habe es eingefügt,
    der Farbverlauf ist weg, aber unter ist es immer noch schwarz?
     
    #6 StefanB_FT, 4. April 2020
  7. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    592
    Ok, na dann noch eins:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Anstatt yellow - deine Farbe ;)
     
    #7 SEpp55, 4. April 2020
  8. StefanB_FT

    StefanB_FT Member

    Registriert seit:
    4. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo SEpp55,
    danke auch für diesen Tipp. So langsam werde ich in diesem Thema etwas fiter.
    Nur ist es bei dieser Einstellung auch noch so ist, dass beim nach unten Scrollen das Hintergrundfoto nicht mehr zu sehen ist.
    VG
     
    #8 StefanB_FT, 5. April 2020
  9. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    592
    Das ist aber kein Hintergrundfoto sondern ein Headerbild = header-image!
    Das hast du mit background-attachment: fixed; angenagelt. Der Content schiebt sich darüber und der Hintergrund von Content-Container ist auch schon transparent: .post-container { background-color: rgba(0,0,0,0.2); mit einer Opacity von 0.2.
    Als Lösungsansatz: Das Headerbild entfernen und ein Hintergrundbild einfügen!
     
    #9 SEpp55, 7. April 2020
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden