Twentyeleven Header mit Transparenz

Frost Agent

Moin,

ich bin jetzt schon eine ganze Weile am Googeln und Rätseln, wie ich beim Twentyeleven meinen transparenten Header zum Laufen bekomme. Eventuell könnt ihr mir ein wenig unter die Arme greifen.

Ich habe bereits ein childtheme erstellt und die vermeintlich notwendigen Snippets für die Transparenz des Headers eingesetzt, allerdings funktioniert das Ganze noch nicht so richtig und ich sehe nichts von der gewünschten Transparenz.

http://chris4all.com/

Code

/*
Theme Name:     twenty_eleven_child
Theme URI:      http: //123.com/
Description:    Child Theme für Twenty Eleven
Author:         FA
Author URI:     http: //123.com/
Template:       twentyeleven
Version:        1.0
*/


@import url("../twentyeleven/style.css");


#page {background:transparent;}
#main, #primary { background:transparent;}
#access {margin-bottom:0;}


#branding {
   background: transparent;
}

Alles anzeigen

Was habe ich dort falsch gemacht bzw. vergessen, mir will einfach nichts einfallen, habe auch schon mehrere Variationen ausprobiert, erfolglos.

Ich hoffe ihr könnt mir einen Rat geben.

Beste Grüße

Werbepost

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

Tutrix

nun der page-Background ist auch hinter dem Header

wordpress/wp-content/themes/twentyeleven/colors/dark.css

Zeile 12

Code

#page {
	background: #0f0f0f;
}

also entfernen und dafür bei
"#main, #primary" einfügen

Frost Agent

Dann ist es hinter dem content unter der Navigation allerdings auch transparent, ich möchte jedoch nur den header-Bereich transparent bekommen.

Tutrix

hast du meinen den Beitrag komplett gelesen?

Frost Agent

......Nein, mir ist es gerade selbst aufgefallen, habs nun, sorry. :???:

Tutrix

wordpress/wp-content/themes/twentyeleven/colors/dark.css
Zeile 57

Code

/* =Header
----------------------------------------------- */


#branding {
	border-top: [COLOR="#FF0000"]2px solid #0a0a0a[/COLOR];


	background-color: transparent;


}

Alles anzeigen

das rote oben durch [COLOR="#FF0000"]none[/COLOR] ersetzen

dann ist der schwarze Balken auch noch weg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twentyeleven Header mit Transparenz

Jetzt mitmachen!