Überschrift automatisch über Header-Image legen?

Hallo,

bin bei der Suchfunktion nicht auf meine Frage gestoßen, weshalb ich das jetzt poste. Sorry, falls ich das irgendwo übersehen habe. Habe dies Forum gewählt, hoffe, dass ich hier richtig bin.

Meine Seite ist twenty-eleven mit Child-Theme: http://madiso.de. Ich habe da einen Wunsch: Wie kann ich erreichen - vielleicht durch den Eingriff in ein Template(?) oder die style.css - dass die Überschrift (Header Text), die ich abgeschaltet habe, sich über das Header-Bild legt?

Habe momentan, um das darzustellen, das Bild bearbeitet. Ich möchte aber von Zeit zu Zeit das Bild mal wechseln und hätte dafür gern eine "automatische" Beschriftung (über function.php oder sowas in der Art?).

Wäre ganz toll, wenn mir jemand helfen könnte. Vielen Dank

Hallo ArtofPic,

erst einmal vielen Dank für deine schnelle Antwort.

Leider muss ich aber nochmal nachfragen: Wir reden hier von der style.css, so wie es für mich aussieht? Die von dir zitierte Stelle

#site-title, #site-description {    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

konnte ich dort leider nirgends entdecken, weshalb ich sie nicht durch den zweiten Code ersetzen konnte.

Einige Code-Schnipsel klingen ähnlich, stehen an anderer Stelle, aber ich weiß nicht, ob es das Gleiche ist, was du meinst.
Zeige hier mal den Code, der bei mir unter Header steht:

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




#branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
}
#site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
}
#site-title a {
    color: #111;
    font-family:Waiting for the Sunrise;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
    color: #1982d1;
}
#site-description {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;
}
#branding img {
    height: auto;
    display: block;
    width: 100%;
}

Ich hoffe, du kannst damit etwas anfangen ;-)

Mit "Header-Text" abgeschaltet, meinte ich, dass ich im Dashboard unter Design > Kopfzeile > Kopfzeilentext das Häkchen bei Zeige den Kopfzeilentext mit deinem Bild. weggenommen habe. Es war mir in der Darstellung zu wuchtig, man musste bspw. mit Laptop zuviel scrollen.

Die style.css habe ich hier und da ein wenig auf meine Bedürfnisse abgestimmt, soll heißen, Größen, Schriften, etc. eingetragen. Eben, was man hier im Forum so zu den Themen findet. Es funzt ja auch.

Muss dazu sagen, dass ich das Child-Theme erst kürzlich aus der vorhandenen (und schon modifizierten) style.css generiert habe. Der Grund war, dass meine Änderungen am Original nach jedem Update immer hinfällig waren und ich jedesmal nacharbeiten musste. Mit dem Child gefällt es mir jetzt besser.

Also, habe ich da etwas falsch gemacht? Wo kann ich suchen?

Jepp, das ist es, klasse! Vielen Dank für deinen Tipp. Jetzt muss ich den Schriftzug nur noch nacharbeiten...