[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]
Alles anzeigen
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