Abstand Header - Navigationsleiste verkleinern

dondomon

Hi,

ich möchte gerne den Abstand zwischen meinem Logo und der Navigationsleiste auf meiner Page http://goled-myanmar.org verkleinern. Das Logo wurde durch eine Sonderfunktion des Themes eingefügt. Mir als Anfänger ist nicht ersichtlich, wo dieser Abstand definiert wird.

Wo muss ich den Code ändern, damit der Abstand kleiner wird?

Viele Grüße,
Daniel

Werbepost

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.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

/wp-content/themes/1.0.2/design/css/layout.css ab Zeile 109

Code

#header { padding-top: 35px; padding-bottom:35px; background-image:url('../images/dotted-line.gif'); background-repeat: repeat-x; background-position:center bottom;  display: block; clear: both; position: relative;}

hier das

Code

padding-bottom:35px;

entfernen

und vielleicht noch ein Vorschlag

Code

#header h1#branding {margin-bottom: 0; width: 500px;}

ändern in

Code

#header h1#branding {float: left; margin-bottom: 0; width: 240px;}

und

Code

#header #desc {}

ändern in

Code

#header #desc {margin-top: 200px;}

dondomon

Hi,

deine Idee, den Seitentitel rechts vom Logo zu platzieren finde ich sehr gut und werde ich auch auf jeden Fall so lassen.

Wo kann ich denn die Schriftart des Seitentitels ändern?

Sowohl in Zeile 111

Code

#header h1#branding a { font-size:48px; font-weight: normal; line-height: 1; color: #000; font-family: 'Lobster', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

als auch in Zeile 114

Code

#header #desc a { font-size:12px; color:#999; margin:0 0 0 0;font-style: italic; font-family: 'Droid Serif', Georgia, serif;}

habe ich es versucht. Aber das wirkt sich nicht auf den Titel aus :sad:

Vielen Dank,
Daniel

Tutrix

Code

#header #desc a

wirkt sich nur auf Links aus

also hier ergänzen

Code

#header #desc {margin-top: 200px;}

dondomon

Edit: Ich habs gecheckt :) Vergiss was du evtl. vorher hier gelesen hast.

Hat geklappt. Saucool, das freut mich.

Vielen Dank,
Daniel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Abstand Header - Navigationsleiste verkleinern

Jetzt mitmachen!