Zum Inhalt springen

Tatami: Header Bild und Header-Hintergrundfarbe

  • Tatami

Im Tatami Theme fügt man das Header Bild unter Design / Theme Optionen / Logo / Logo, Artikel-Exzerpte & Text-Anpassungen / Eigenes Logobild ein.
Ein Logo für meine volle Bildschirmauflösung sollte die Grösse: ….. haben.

Idealerweise erstellt man die Grafik mit transparentem Hintergrund und defniert die Hintergrundfarbe separat für den Header:

Für die Vollbildgrösse:

Die Hintergrund farbe des Headers definiert man in der Style.CSS mit

/* Site Header */
#site-header {
	display:block;
	background:#F5AF14;
/* Michael definiert die Hintergrundfarbe von Site Header  */
	overflow:hidden;
	margin-bottom:30px;
	padding:15px 0;   
/* Michael Ehemals padding: 60px  */
}

Für Off-Canvas:

(die kleinere Darstellung auf dem iPad oder iPhone):

Die folgende Zeile vor dem Head tag in die header.php eingefügt, ändert die Farbe des Headers im Off-Canvas Mode:

<style type="text/css">.off-canvas-nav,.js .off-canvas-nav{background:#F5AF14;}</style></head>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert