Twenty Fifteen: Wie Transparenz einrichten?

Navigationsbalken:

Im Bereich:

@media screen and (min-width: 59.6875em){




body:before {
    background-color: #fff;
[...]
}
[....]
}

den background von body:before entfernen.

@media screen and (min-width: 59.6875em)




.sidebar {
    float: left;
    margin-right: -100%;
    max-width: 413px;
    position: relative;
    width: 29.4118%;
[B]     height: 100%;[/B]
}

[FONT=arial][Habe aus Versehen auf "Veröffentlichen" anstatt auf "Vorschau" geklickt beim vorherigen Beitrag, deswegen steht oben der
Beitrag nicht vollständig :/ Sorry dafür.]

[/FONT][FONT=arial]Hier nochmal der vollständige Beitrag.

Ich orientiere mich im folgenden Beispiel an:[/FONT] https://twentyfifteendemo.wordpress.com/[FONT=arial]

[size=12]Sidebar:[/SIZE]

Im Bereich:

@media screen and (min-width: 59.6875em){


   body:before {
      [...]
   }


}

den background von body:before entfernen.

Als nächstes die Höhe von .sidebar auf 100% festlegen und den background per rgba(255,255,255,0.8 ) setzen.

[FONT=courier new]@media screen and (min-width: 59.6875em){


   .sidebar {
        float: left;
        margin-right: -100%;
        max-width: 413px;
        position: relative;
        width: 29.4118%;
[B]        height: 100%;
[/B]        [B]background-color: rgba(255,255,255,0.8);[/B]
   }


}[/FONT]

Damit ist die Sidebar schon fertig. Tipp: Am Besten bietet es sich hier an z.B. mit Chrome die einzelnen Elemente mit Rechtsklick und "Prüfen" auszuwählen
und dann nach und nach im Browser die Seite so zu verändern, wie du es möchtest.

Analog mit den Artikeln.
[/FONT]
[size=12]Artikel:[/SIZE][FONT=arial]

Hier muss man z.B. in der style.css folgendes ändern

[FONT=courier new].hentry{
   background: rgba(255,255,255,0.8);
}
[/FONT]

[/FONT]

[FONT=courier new].entry-footer{
   background: rgba(255,255,255,0.8);
[/FONT][FONT=arial]}[/FONT]

Solltest du eine andere Hintergrundfarbe als weiß wählen wollen, kannst du hier die entsprechenden RGBa-Werte
generieren lassen.

Gruß Markus

Hast du einen Link zur Seite bzw. zum Blog?

Eventuell liegen mehrere Bereich übereinander und alle müssen transparenzen aufweisen ;-)
http://bilderundmehr.eu/hintergrundbil…er-kombinieren/

Um eine Transparenz zu erzeugen, sollte erst einmal etwas da sein, was man transparent machen kann :-)

div#sidebar.sidebar{
background-color: rgba(238, 238, 238, 0.62);}

Das ist dann:

.hentry {background-color: rgba(255, 255, 255, 0.72);}

Ich sage mal, selber suchen macht schlau :-)
Du kannst bei fast jedem Browser die Elemente "untersuchen" und dann musst du nur noch die passende Stelle finden. Learning by doing :-)