Theme Twenty Thirteen: Zusätzlichen Balken in schwarz über dem Headerbild einfügen

Kann mir jemand sagen, wie ich einen zusätzlichen Balken in schwarz als Designelement über das Headerbild bzw. den Slider einfüge? (http://www.ibayer-coaching.de)

Hi SirEctor,
klappt fasst, man braucht wohl noch eine Art Platzierungsangabe, so legt sich der schwarze Balken oben über den Slider ...

Stimmt, mache ich. Die Bilder im Slider sind derzeit noch reine Platzhalter und werden durch andere ersetzt.
Aber damit ist ja das Grundproblem noch nicht geöst: wie kann ich einen schwarzen Balken als Designelement über den Slider platzieren?

Hi SirEctor,
evtl. habe ich mich nicht genau ausgedrückt, ideal wäre, wenn der Balken oberhalb des Sliders liegt, ihn aber nicht teilweise bedeckt, sprich drüber liegt, dann werden die Sliderbilder ja teilweise abgedeckt. Ich vermute, dass man dann für die jeweilige Platzierung von Balken, Slider und Navileiste genaue Angaben benötigt oder?

Habe herausgefunden, dass ich mit folgendem Befehl die Navileiste nach unten verschieben kann:
#page {
margin: 3em auto;}

Wenn man dem Slider nun auch eine ähnliche "Schiebung" verpasst und dann den von Dir genannten Code für den Balken verwendet, wäre das eine gangbare Lösung?

Weil ich nicht weiss, wie es funktioniert. Der Code für den Slider liegt ja separat in der Header.php

<?php wp_head(); ?>
<?php echo do_shortcode("[huge_it_slider id='1']"); ?>

Hi SirEctor,

hast Du evtl. noch eine Idee? Bei älteren Themes war das wohl einfacher zu lösen ...

aha, mit welchem Browser?

maxe und SirEctor,
ich glaube, ich hab's: wir haben alle recht.
Beim ersten Sliderbild wird alles korrekt angezeigt, sprich der Balken oben drüber und ich habe die Navileiste unten drunter entsprechend passend verschoben, aber wenn der Slider auf die beiden folgenden Bilder umschaltet, dann liegt der Balken auf dem Bild, man sieht es auch daran, dass dann unter dem Sliderbild noch ein Abstand zur Navigationsleiste vorhanden ist. Danke für's Nachfassen! Ich teste jetzt noch in anderen Browsern, im Safari wird es so angezeigt. Dann muss in den Code wohl noch was Schlaues rein, dass alle Sliderbilder erfasst werden ...grübel.

Habt ihr evtl. noch eine zündende Idee, wie ich die Referenz auf die Slide-Bilder 1 -3 in den Code einbauen kann, damit der Slider insgesamt korrekt positioniert wird?