WordPress.com

1. foodviewberlin
   Mitglied
   10. Dezember 2012 - 18:32

   Hallo zusammen,

   ich habe versucht, via CSS (habe das entsprchende Upgrade) in meinem Triton Lite theme die Höhe des Fotos im Header anzupassen. Ein paar Antworten habe ich hier und im englischsprachigen Forum scho gefunden, komme aber nicht weiter. Foto über Mediathek hochladen und nicht über den Header-Uploader ist soweit klar, allerdings weiß ich nicht genau, mit welchem Code ich die anschließende Referenzierung in der CSS vornehme. Erfolglos versucht habe ich dies:

   #branding img {
   background: url("URL_of_image") no-repeat scroll 0 0 transparent;
   height:222px;
   }

   Ich habe auch branding durch header versuchsweise ersetzt, klappte auch nicht. Kann mir jemand weiterhelfen?

   Beste Grüße!

   Der Blog bei dem ich Hilfe benötige heißt lebonheurgouteux.wordpress.de.

2. foodviewberlin
   Mitglied
   11. Dezember 2012 - 12:01

   Inzwischen habe ich von anderer Seite einen Tipp bekommen und das Problem gelöst. Es war nur eine Kleinigkeit, die falsch war: header-image statt header img oder branding img. Voller Code also (für alle, die das auch mal brauchen sollten):

   #header image {
   background: url("URL_of_image") no-repeat scroll 0 0 transparent;
   height:190px;
   }

   Bei der Höhe ist die Angabe natürlich dann flexibel...

   Beste Grüße!

3. zodiac1978
   Moderator
   11. Dezember 2012 - 13:29

   Zum Herausfinden solcher Infos können dir Webentwickler-Werkzeuge helfen:

   Das Plugin Firebug für den Firefox zum Beispiel. Alle Browser haben aber auch eingebaute Werkzeuge für so etwas. Beim Firefox ist z.B. über die rechte Maustaste die Funktion "Element untersuchen" erreichbar. mit der man dann das Header-Bild anschauen und so den CSS-Selektor herausfinden kann.

   Gruß, Torsten

4. foodviewberlin
   Mitglied
   11. Dezember 2012 - 13:57

   Das war mein erster Versuch gewesen, ich bin dann aber mit der Ebenen-Hierarchie nicht ganz zurecht gekommen bzw. wusste nicht, wie weit ich in den CSS-Code auch den Container bzw. Header an sich einbeziehen muss. Aber stimmt, zumindest der korrekte Begriff Header-Image hätte dort schon mal gestanden ;-). Danke Dir und beste Grüße!

5. foodviewberlin
   Mitglied
   14. Dezember 2012 - 17:49

   Ich möchte den Faden noch einmal aufnehmen: Seit heute taucht das Header-Foto im Frontend nicht mehr auf. Ich habe daraufhin das Foto im der Mediathek gelöscht, nochmals hochgeladen, URL-Pfad neu zugewiesen im CSS, aber das Problem bleibt bestehen. Woran könnte das liegen?
   Vielen Dank für eine Rückmeldung und beste Grüße
   Claudia

6. foodviewberlin
   Mitglied
   15. Dezember 2012 - 09:54

   Fehler schon gefunden - und der war wirklich ganz schräg. Ich hatte meine Mediathek aufgeräumt und dabei natürlich darauf geachtet, dass ich das in der CSS zugewiesene Header-Foto belasse. Was mir aber nicht bewusst war ist, dass ein über Mediathek hochgeladenes und dann per CSS zugewiesenes Foto nur dann überhaupt imFrontend angezeigt wird, wenn auch ein Foto über den im Dashboard integrierten Header-Upload eingebunden wird. Und das dortige Foto war ein anderes gewesen und beim Aufräumen entfernt worden. Die beiden Bereiche interagieren also offenbar.
   Beste Grüße
   Claudia

7. zodiac1978
   Moderator
   15. Dezember 2012 - 14:01

   Ja. Du ersetzt ja das Bild, welches durch den benutzerdefinierten Header eingebaut wird durch dein eigenes. Wenn Du ersteres nicht machst, dann wird der Header-Code anscheinend gar nicht erst eingebaut und somit kannst du ihn auch nicht mit einem eigenen Bild ersetzen. Macht also durchaus Sinn ... auch wenn man da erst einmal darauf kommen muss ... ;-)

   Gruß, Torsten

   P.S.: Danke fürs Teilen. Hilft bestimmt anderen, wenn sie ein ähnliches Problem haben!

Thema geschlossen

Dieses Thema wurde für neue Antworten geschlossen.