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

Navbar transparent - Twenty Thirteen

Dieses Thema im Forum "Design" wurde erstellt von frankhellbrueck, 23. Oktober 2017.

  1. frankhellbrueck

    Registriert seit:
    23. Oktober 2017
    Beiträge:
    8
    Zustimmungen:
    0
    Hallo zusammen,
    Ich brauche einen trasnparenten Hintergrund in der oberen Menüleiste - es handlet sich um ein child-theme unter TwentyThirteen.

    .navbar {
    background-color: transparent !important;

    Macht die Leiste weiß.

    Es soll jedoch die im body hinterlegte Hintegrundgrafik durchscheinen. Hat jemand eine Idee?

    Die Seite ist noch nicht online. Aber hier zur Veranschaulichung ein Screenshot.
    Lebenswandel.jpg

    Danke für Tips und Hinweise!
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    sollte das sein:

    .navbar {
    background-color: #f7f5e700;
    }

    nach dem # die ersten sechs sind die Farbe und 00 (Doppelnull) für transparent!
     
    #2 SEpp55, 23. Oktober 2017
    Zuletzt bearbeitet: 23. Oktober 2017
  3. frankhellbrueck

    Registriert seit:
    23. Oktober 2017
    Beiträge:
    8
    Zustimmungen:
    0
    Danke - aber leider bleibt die Leiste auch damit weiß.
    Habe auch schon background-color: rgba(255, 255, 255, 0.0); ausprobiert - auch da bleibt die Leiste weiß und nicht transparent.
     
    #3 frankhellbrueck, 23. Oktober 2017
    Zuletzt bearbeitet: 23. Oktober 2017
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.634
    Zustimmungen:
    1.778
    background-color: transparent !important; macht das Element mit der Klasse .navbar transparent, nicht weiss. Evtl. liegen dahinter oder innerhalb noch weisse Elemente.

    Würde testweise mal eine heftige Farbe, z.B. background-color: #f0f !important; benutzen o.ä., damit wird es evtl. klarer.
     
    #4 b3317133, 23. Oktober 2017
    Zuletzt bearbeitet: 23. Oktober 2017
  5. frankhellbrueck

    Registriert seit:
    23. Oktober 2017
    Beiträge:
    8
    Zustimmungen:
    0
    Danke b3317133 - ich mache mich mal auf die Suche nach weißen Elementen....
     
  6. ptra

    ptra Well-Known Member

    Registriert seit:
    9. Februar 2011
    Beiträge:
    473
    Zustimmungen:
    0
    background: rgba(255, 255, 255, .5);
    Der Alphakanal mit .5 sollte das Weiß auf transparent setzen.
     
  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.
    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.
    Information ausblenden