Twenty Seventeen Abstand Header und Inhalt

zappo

Hallo,

ich habe im Forum in der suche geschaut und nicht das gefunden was ich suche. Sollte es doch schon einmal bearbeitet worden sein. Sorry dann freue ich mich auf den Link.

Also ich habe folgende Homepage
http://www.zappo-entertainment.de

Ich nutze das Theme Twenty Seventeen

Meine Frage. Gibt es eine Möglichkeit über das Menü "Zusätzliches CSS "
einen Code einzugeben der es mit ermöglicht den Abstand zwischen Header und Inhalt zu verkleinern.
Wenn ja wie sieht der aus?

Herzlichen Dank vorab

Peter

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

maxe

z.B.

Code

@media screen and (min-width: 30em){
  .panel-content .wrap {
    padding-top: 0;
  }
}

zur Not noch ein !important dahinter setzen.

zappo

Hallo maxe,

danke das hat gewirkt.
Leider klappt das nur für die Startseite.
Kann es sein das ich es generel einstlle wenn ich das !important intergriere.
Ich hätte es ausprobiert - weißleider nicht wo ich das important einsetzen soll.
einfach ohne sonderzeichen hinten dran?

Danke vorab

Peter

maxe

für die anderes Seite ist es z.B. das padding top von 5.5em bei der class .site-content.

Aber das hat alles nix mit WordPress zu tun, das sind CSS Grundlagen. Da solltest du dich vielleicht mal ein bisschen mehr einlesen/schulen.

maxchen-mk

Hallo,

Mein Name ist Markus.
Ich habe früher einmal mich mit Webseiten beschäftigt, aber ganz ohne CMS und CSS.

Ich habe genau das gleiche Problem mit dem gleichen Theme.

Mit dem Ausdruck "das padding top von 5.5em bei der class .site-content" kann ich leider nicht viel anfangen.
Habe eine Stunde lang gesucht und probiert - leider ohne Erfolg.
Ich will nur eine kleine Seite für Kids einrichten und anpassen - irgendjemand der mir step by step kurz erklären kann wo und wie ich im unveränderten Theme die CSS so anpassen kann, dass der Abstand kleiner wird.

Beim zusätzlichen CSS habe ich folgendes eingetragen:

.site-info {display:none;}
.entry-title { display:none; }
Media screen and (min-width: 30em){
.panel-content .wrap {
padding-top: 0;
}
}

Danke für eure Hilfe Markus

danielgoehr

Zitat von maxchen-mk

Ich habe früher einmal mich mit Webseiten beschäftigt, aber ganz ohne [...] CSS.

Das muss aber schon lange her sein. HTML ohne CSS gab es nur mal gaaaanz kurz Anfang der 90er ;)

Probier mal folgendes:

Code

.site-info {display:none;}
.entry-title { display:none; }
@media screen and (min-width: 30em){
  .panel-content .wrap {
    padding-top: 0;
  }
.site-content {
padding-top:0;
}
}

maxchen-mk

Ja das ist es .... NC-Editor und Netscape Composer als Werkzeuge.... in CSS muss ich mich mal einlesen...

und JA - super - DANKE - hat den Abstand gut verkürzt...DANKE für deine rasche Hilfe

LG Markus

danielgoehr

Zitat von maxchen-mk

Ja das ist es .... NC-Editor und Netscape Composer als Werkzeuge.... in CSS muss ich mich mal einlesen...

Geil, jetzt musste ich gerade mal schwer überlegen, was mein erster Editor war. Gerade wieder drauf gekommen: AOLpress. :D

Zitat von maxchen-mk

und JA - super - DANKE - hat den Abstand gut verkürzt...DANKE für deine rasche Hilfe
LG Markus

Sehr gern!

zappo

Hallo und noch einmal danke für die Tipps.
das Problem konnte fast gelöst werden.Fast bedeutet das die Homepage ohne Abstand zwischen Header und Text in Firefox und Explorer angezeigt wird.
Leider nicht in Chrome. Dort klappt das mit der Startseite immer. Aber manchmal (das ist genau das verrückte daran) zeigt Chrome beim runterscrollen plötzlich einen großen Platz zwischen Header und text...
Hat jemand eine Idee

Grüße

Peter

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty Seventeen Abstand Header und Inhalt

Jetzt mitmachen!