Twenty Eleven: Bild links neben Überschrift

Twenty Eleven: Bild links neben Überschrift + Überschrift verschieben

Moin zusammen,

wie man - grundsätzlich - ein Bild dort einfügt, ist ja hier schon beschrieben:
http://forum.wordpress-deutschland.org/design/90184-b…entyeleven.html

Ich möchte dort exakt am linken Bildrand eine quadratische Grafik einfügen und würde gern wissen, mit welchem "Befehl" die style.css entsprechend verändert werden kann ("linksbündig anordnen"), statt dem untenstehenden Beispiel aus dem vorangehenden Link zu folgen und die Position auf der x-Achse über die entsprechende Veränderung der "200px" anzupassen:

#branding hgroup {
margin: 0 7.6%;
/* hintergrundbild laden*/
background: url("beispielpfad-für-logo/grafik.gif") no-repeat scroll 200px 0 transparent;
/* header höher machen damit das passt*/
padding-bottom:40px;
}

Weiterhin müssten die Überschrift und die Sub-Überschrift ziemlich sicher "etwas" nach rechts verschoben werden. An welchen Stellen kann die Position der Übershrift/Sub-Überschrift angepasst werden?

Dank + Gruß

Hallo zusammen,

ich habe hier noch einmal versucht, mein Problem zu lösen. Die Grafik ist in den Header eingefügt, die style.css sieht an der Stelle jetzt so aus:

#branding hgroup {
        margin: 0 7.6%;
        /* hintergrundbild laden*/
         background: url(images/bg_anim.gif) no-repeat scroll 0px 0 transparent;
         /* header höher machen damit das passt*/
         padding-bottom:40px;
        }

Allerdings lässt sich die Grafik nicht ganz bis an den linken Rand "verschieben" - sie ist bündig mit dem Blog-Titel, aber nach links verbleibt ein Rest von "gefühlten" 50px ...

Und der Header ist zwischen dem oberen Rand und der Menüzeile noch zu hoch - wo kann man die Höhe verringern?

Bitte um kurze Hilfe zur Selbsthilfe ...

Freundliche Grüße

Moin,

Zitat von infected

Wäre es möglich nen Link zum Blog zu posten, damit man sich das mal live ansehen kann?

... den/das Blog findest Du hier:

Die Position des Blog-Titels und des Slogans müsste man doch hier in der style.css verändern können - oder ist dazu noch die Änderung einer weiteren Datei (functions?) nötig? Wird die Höhe dieses Teils des Headers hier auch "irgendwo" eingestellt?

#site-title {
        margin-right: 270px;
        padding: 3.65625em 0 0;
}
#site-title a {
        color: #111;
        font-size: 30px;
        font-weight: bold;
        line-height: 36px;
        text-decoration: none;
}

#site-description {
        color: #7a7a7a;
        font-size: 14px;
        margin: 0 270px 3.65625em 0;
}

Gruß - und danke für's Ansehen

Moin,

herzlichen Dank für Deine Hilfe - habe es gleich erfolgreich umgesetzt ... :grin:

Freundliche Grüße

Moin,

hier ist im nachhinein noch eine gestalterische Frage aufgetaucht:

Zwischen der im Header eingefügten Grafik und der Menüzeile befindet sich noch ein zeilenartiger, weißer Zwischenraum (geschätzt 4px), der sich doch als störend erweist und den ich gern noch entfernt hätte - nur wo?

Ist das ein Bereich, der zum Wrapper gehört?

Oder wo kann man diesen Zwischenraum konfigurieren?

Hier noch einmal der Link zum Blog:

Gruß+Dank

Zitat von infected

Suche in der style.css nach

Code

#branding hgroup {
    background: url("images/bg_anim.gif") no-repeat scroll 0 0 transparent;
    [COLOR=RoyalBlue]height: 150px;[/COLOR]
    margin: 0;
    [COLOR=Red]padding-bottom: 40px;[/COLOR]
}

entferne die rote Zeile und ergänze die blaue.

... passt jetzt perfekt - vielen Dank für die schnelle Hilfe ... :grin: