Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo zusammen. Ich habe in etwa ein ähnliches Problem. Ich habe ein Headerbild erstellt mit einer Größe von 1380x320px. Leider bekomme ich es nicht hin, dass das Bild im Header komplett angezeigt wird. Zudem habe ich auch noch den Seitentitel im Header, den ich auch gar nicht gebrauchen kann.
Die Seite um die es geht ist http://www.ringerfreun.de
Wäre es spitzenmäßig wenn mir jemand helfen könnte, da ich langsam echt am verzweifeln bin.
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Hast Du es als Logo oder Banner eingebunden? Als Banner füllt es den Header aus.
Also ich hatte es banner eingebunden (Banner ist 1380x320px). Da wurde dann die nur die Hälfte angezeigt. Damit die Seite einigermaßen gut ausschaut habe ich es erstmal als Logo eingebunden. Hier ist die max Höhe aber ja auch 200px. Mir ist es egal ob als Logo oder Banner Hauptsache ich bekomme es auf die komplette Größe von 1380 x 320px angezeigt.
Aber trotzdem schonmal vielen Dank für eine Rückmeldung!
Es darf nur das Banner eingebunden sein.
Okay banner ist jetzt eingebunden.Logo entfernt. Und schon sieht es bescheiden aus.
/* ------------------------------------------------------------------------- * * Section: Header
/* ------------------------------------------------------------------------- */
#header { background-image: url("http://ringerfreun.de/wp-content/upl…er_1380x320.png"); position: relative; padding-bottom: 60px; }
#header .pad { padding-top: 28px; padding-bottom: 30px; }
#header .container-inner { position: relative; }
.site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: none; line-height: 60px; padding: 10px 0; }
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: none; margin-left: 20px; line-height: 60px; padding: 10px 0; }
}
[COLOR=#ff0000]okay aus purer Verzweiflung habe ich jetzt noch einmal rumgebastelt und siehe da ... Problem halb gelöst. Das einzige ist jetzt die weiße Schrift, die muss weg![/COLOR]
Site Description Off?
Site Description Off?
so sieht meine custom css jetzt aus
/* ------------------------------------------------------------------------- * * Section: Header
/* ------------------------------------------------------------------------- */
#header { background-image: url("http://ringerfreun.de/wp-content/upl…er_1380x320.png"); position: relative; padding-bottom: 60px; }
#header .pad { padding-top: 0px; padding-bottom: 290px; }
#header .container-inner { position: relative; }
.site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: none; line-height: 60px; padding: 10px 0; }
.site-title a { display:none; color: #fff; max-width: 100%; }
.site-title a img { display:none; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { display:none }
}
Wird sicherlich nicht die feine englische Art sein aber Hauptsache es sieht jetzt so aus wie es haben will! Zumindest auf dem großen Mac Bildschirm. Wie bekomm ich es hin, dass es überall so aussieht?
Ich würde das Custom CSS erst mal entfernen und Site Description auf Off stellen. Bis dato waren dann, wenn überhaupt, nur minimale Änderungen bei Human notwendig.
Ich würde das Custom CSS erst mal entfernen und Site Description auf Off stellen. Bis dato waren dann, wenn überhaupt, nur minimale Änderungen bei Human notwendig.
Passt ja alles soweit. Problem ist ganz einfach dass der header je nach bildschirmgröße|auflösung jetzt in der breite nicht vollständig angezeigt wird. gibt es nicht einen code der den header immer vollständig angezeigt wird?
Hast Du den CSS Code entfernt? Steht Site Description auf Off? Sei so lieb und mache das falls nicht geschehen. Danach schaue ich gerne noch einmal auf die Seite.
Hast Du den CSS Code entfernt? Steht Site Description auf Off? Sei so lieb und mache das falls nicht geschehen. Danach schaue ich gerne noch einmal auf die Seite.
Site description in den Theme Optionen ausgeschaltet (war schon die ganze zeit auf off)
Wenn ich den komplett eingefügten css code aus der style.css aus meinem child theme entferne ist der header "nackig" sprich weiß.
es muss doch einen css code geben, der das header Bild in voller Größe anzeigt und das unabhängig von der jeweiligen bildschirmauflösung.
Wenn ich den komplett eingefügten css code aus der style.css aus meinem child theme entferne ist der header "nackig" sprich weiß.
Dann ist grundsätzlich etwas falsch, denn das entfernen von CSS Regeln aus einem Child darf ausschließlich dazu führen, dass nur die original CSS Regeln des Parent aktiv sind.
es muss doch einen css code geben, der das header Bild in voller Größe anzeigt und das unabhängig von der jeweiligen bildschirmauflösung.
Das ist eigentlich der Normalzustand für ein eingebundenes Banner. Schalte doch mal auf das Parent Theme um.
Dann ist grundsätzlich etwas falsch, denn das entfernen von CSS Regeln aus einem Child darf ausschließlich dazu führen, dass nur die original CSS Regeln des Parent aktiv sind.
Das ist eigentlich der Normalzustand für ein eingebundenes Banner. Schalte doch mal auf das Parent Theme um.
Zuerst einmal vielen lieben Dank mensmaximus für deine Hilfe und vor allem Geduld. Vielleicht steh ich durch die Hitze einfach auf dem sprichwörtlichen Schlauch, aber irgendwie und irgendwo muss ich doch angeben, dass die Bild XY aus der Mediathek als Headerbanner verwendet werden soll?! :???:
Also der Titel des Threads lautet: Bild im Header Hueman Theme
Du hast den Thread gekapert, also MUSS ich annehmen, dass Du das Theme Human verwendest.
Im Theme Hueman gibt es im Backend (wp-admin) unter Design die Theme Options. Innerhalb dieser Optionen gibt es eine Sektion Header und dort ganz unten die Option Header Image. Wenn Du dort ein Bild auswählst, was die Breite des Themes hat (Standard 1380px), dann wird dieses füllend über die Breite des Seitencontainers angezeigt. In Abhängigkeit der Höhe des Bildes (Standard 280px) muss dann nur der Wert für das Padding angepasst werden.
Ein jungfräuliches Childtheme ändert daran nichts. Deswegen habe ich gesagt Du sollst das einfach mal nur mit dem Parent machen.
Also der Titel des Threads lautet: Bild im Header Hueman Theme
Du hast den Thread gekapert, also MUSS ich annehmen, dass Du das Theme Human verwendest.Im Theme Hueman gibt es im Backend (wp-admin) unter Design die Theme Options. Innerhalb dieser Optionen gibt es eine Sektion Header und dort ganz unten die Option Header Image. Wenn Du dort ein Bild auswählst, was die Breite des Themes hat (Standard 1380px), dann wird dieses füllend über die Breite des Seitencontainers angezeigt. In Abhängigkeit der Höhe des Bildes (Standard 280px) muss dann nur der Wert für das Padding angepasst werden.
Ein jungfräuliches Childtheme ändert daran nichts. Deswegen habe ich gesagt Du sollst das einfach mal nur mit dem Parent machen.
Also ich habe sowohl im Parent Theme als auch im Child Theme folgende Optionen im Header unter Theme Options:
Es gibt die Option "Logo". Wenn ich das Logo einfüge wird es zwar vollständig angezeigt, aber nicht in voller Breite und Höhe, da die Höhe ja max. 200 px ist.
SORRY ALLE AUFREGUNG UMSONST!!!!! Ich habe den Fehler gefunden! Man sollte einfach mal regelmäßig die Themes manuell updaten und nicht über das Backend :-D
Vielen Dank nochmals für die Hilfe!!!
Also ich habe sowohl im Parent Theme als auch im Child Theme folgende Optionen im Header unter Theme Options:
[ATTACH=CONFIG]12544[/ATTACH]
Es gibt die Option "Logo". Wenn ich das Logo einfüge wird es zwar vollständig angezeigt, aber nicht in voller Breite und Höhe, da die Höhe ja max. 200 px ist.
SORRY ALLE AUFREGUNG UMSONST!!!!! Ich habe den Fehler gefunden! Man sollte einfach mal regelmäßig die Themes manuell updaten und nicht über das Backend :-D
Vielen Dank nochmals für die Hilfe!!!
Dafür tut sich mit dem Update jetzt ein neues Problemchen auf und zwar im Footer --> Footer Copyright
Dort konnte ich in der alten Version meinen Footer wie folgt gestalten:
<font size=3>Copyright © 2015 ringerfreun.de | <a href="http://ringerfreun.de/impressum">Impressum</a> | <a href="http://ringerfreun.de/datenschutz">Datenschutz</a> | <a href="http://ringerfreun.de/kontakt">Kontakt</font></a>
So hatte mein Copyright Text und noch zusätzlich Links zu den Seiten Impressum, Datenschutz und Kontakt. Scheinbar funktioniert dass nicht mehr.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
