Hintergrundbild für wu-wei Theme Header - Wie gehts?

Reiner

Hallo,

Ich bin anscheinend nicht in der Lage, ein Hintergrundbild in meinen Theme-Header einzubauen :oops:

Ich dachte eigentlich, dass es möglich sein müsste, in den Bereich zwischen die zwei grauen Linien, in welchem auch der Titel meiner Seite steht, ein komplettes Bild zu hinterlegen.

Es geht um diese webseite: http://www.pixelschubla.de

So sieht der Quelltext aus dem Header aus:

Code

<div id="header">


		<div class="blog-name"><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.pixelschubla.de/"]http://www.pixelschubla.de/[/URL]">fotografien II</a></div>
		<div class="description">und mehr…. <a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.pixelschubla.de/warum"]http://www.pixelschubla.de/warum[/URL]">warum  »</a></div>


	</div>

Und so der dazugehörige css-Bereich:

Code

.blog-name {font-size:5em; font-weight:bold; line-height:1em;}
.blog-name a:link, .blog-name a:visited {color:#d1d9dc; text-decoration:none;}
.blog-name a:hover {color:#ff8a00;}

Mehr habe ich dazu nicht gefunden....

Ich dachte eigentlich, dass es mit der css Funktion background-image klappen müsste. das habe ich aber nicht hinbekommen.

Kann mir jemand einen Tipp geben?

Gruß
Reiner

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

maxe

sollte eigentlich so machbar sein wie du es beschreibst:

Code

.blog-name {
font-size:5em; 
font-weight:bold; 
line-height:1em;
background-image:url([COLOR=Red]xxxxx[/COLOR]);
}

Reiner

Danke, das ging ja rasend :)
Wobei ich absolut nicht verstehe, warum es die letzte Stunde bei mir nicht geklappt hat. Vermutlich vertippt und nicht gesehen...

Wird aber doch noch etwas komplizierter....

Die "description"" unter dem Seitenname ist eine andere Klasse (edit: s. Code unten) und somit wird das Bild erstmal nur hinter den Seitentitel gesetzt.
Zudem scheint es so, dass noch irgendein Rand mitspielt und ich nicht bis an die Begrenzungslinien über dem Header komme.

Hier mal der Link zu meiner Spielwiese. Ich habe zum testen ein einfarbiges gif hinterlegt:

http://testblog.pixelschubla.de/

Code

.blog-name {font-size:5em; font-weight:bold; line-height:1em; background-image:url(images/head_bg.gif);}
.blog-name a:link, .blog-name a:visited {color:#d1d9dc; text-decoration:none;}
.blog-name a:hover {color:#ff8a00;}






.description {margin-top:0.5em; font-size:1.5em; color:#6a797d;}


#header {padding:2em 0;}

Alles anzeigen

maxe

So wie sich das anhört, willst du dann den Background nicht im .blog-name haben, sondern im #header, oder? Probier das mal.

Reiner

Ich sollte versuchen, mit denken aufzuhören..... Ich hatte das '#' vor dem header als "auskommentiert" angesehen und bin nicht auf den Gedanken gekommen, dort etwas einzubauen...

Jetzt passt es, Danke Dir ! :-D

Grüße
Reiner

maxe

nur ganz kurz grob erklärt:
Angaben mit einem Punkt davor sind Classen
Angaben mit einer Raute davor sind IDs

Classen dürfen mehrmals pro Seite verwendet werden, IDs hingegen nur einmal.

Reiner

Danke, das mit den IDs wusste ich nicht.
Normalerweise stelle ich mich nicht so dämlich an, wenn ich bestehenden Code anpassen muss....

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrundbild für wu-wei Theme Header - Wie gehts?

Jetzt mitmachen!