Hilfe nötig? Besuchen Sie unsere Support-Seite, dann


Header Image anpassen

  1. 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. 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. 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. 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. 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. 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. 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.

Über dieses Thema

  • Alter des Themas: 1 Jahr • Gestartet von: foodviewberlin
  • Dieses Thema hat 7 Beiträge
  • 2 posters
  • Aktuellste Antwort von zodiac1978
  • Dies Thema ist geschlossen
  • Dies Thema ist gelöst
  • RSS-Feed des Themas

Schlagwörter