Wie bekomme ich bei wordpress den weißen Rand über dem Header weg?
Mal wieder eine Wordpress Frage an der ich nur verzweifle Ich habe eine Wordpress-seite erstellt (twenty eleven Theme) und habe dann das Hintergrundbild geändert, jetzt wo der weiße Hintergrund weg ist wird ein dünner weißer Strich über dem Header Bild Sichtbar. Wie bekomme ich diesen idiotischen Rand, bzw. Strich weg. Wieso ist so ein hässlicher Strich überhaupt im Theme vorgegeben. :D Es ist wirklich dringend und ich bedanke mich für jede Antwort.
Wenn ich was im Stylesheet css ändern muss dann gleich vorweg die Frage dazu:
Wo finde ich bestimmte Stellen im Stylesheet, mit dem Auge suchen geht nicht weil es zu lang ist und cmd F bringt auch nix weil dann nur die stellen gesucht werden die gerade sichtbar sind, aber nicht die stellen für die man runter scrollen muss.
Gruß
3 Antworten
Wenn zwischen dem oberen Rand zwischen Browserfenster und Header ein weißer Rand ist, kann das vermutlich nur drei Gründe haben:
- Defaultabstand vom body
- Definierter Abstand vom Header
- Defaultabstand vom div
Um ganz sicher zu gehen, dass es kein Defaultabstand ist, kannst du in einem css mal folgendes ausprobieren:
html, body, div {
margin: 0;
padding: 0;
}
Wenn es das nicht ist, ist es vermutlich eine Eigenschaft des Headers.
Du kannst aber auch mit dem Dev Tool deines Browsers einfach den Header untersuchen. Rechtsklick auf den Header --> (Element) untersuchen. Alternativ ginge auch F12 oder auch Strg + Shift + i
Da ist kein weißer Strich vorgegeben. Das liegt womöglich an den Abmessungen deines Bildes?!
Das Stylesheet durchsucht man am besten, indem man es mit einem vernünftigen Editor öffnet (Notepad++, Notepad2 usw.) und darin die Suche benutzt.
Ich hatte probeweise bei einem Ausprobiertheme den Hintergrund schwarz gemacht, da ist alles schwarz geworden. In der Überschrift ist auch nicht irgendwo ein andersfarbiger Rand oder sowas angegeben.
Du musst mal im Browser den weißen Rand mit rechts anklicken und auf "Untersuchen" bzw. "Element untersuchen" im Kontextmenü gehen. Dann wird der Quelltext mit zugehörigen Styles angezeigt. Dann siehst du ja wo es herkommt. Ich hab jedenfalls auf die schnelle nichts verdächtiges gefunden.
Firefox die Seite öffnen. Firebug 2.0 (Add-on) runterladen. Bequem die Stelle suchen und dann eleminieren ;).
Leider habe ich alles versucht :( Diverse Bildgrößen gemacht. Aber es ist ja eine Größe von 1000x288 pixel empfohlen. Selbst dann entseht dieser Rand. Hast du irgendeine Idee was ich machen könnte?