• Wordpress Twenty Seventeen margin-top -150px

      Hey Leute,

      ich benutze auf meiner Webseite aktuell das Twenty Seventeen Standard Design, was ich versuche mir mittels CSS etwas schöner zu machen. Derzeit habe ich mit Hilfe von SiteOrigin PageBuilder auf meiner Startseite ein Bild eingebunden - jetzt ist aber zwischen der Navigation und dem Bild meiner Meinung nach viel zu viel Platz. Also dachte ich, dass ich margin-top des .wrap ändere.

      Dazu habe ich mittels Google chrome erstmal .wrap via "Untersuchen" ermittelt und dort mein Code ausprobiert:

      CSS
      margin-top: -150px;


      Und Schwups sah es echt gut aus. Dann bin ich in die CSS gegangen und habe meinen Codeschnipsel genau an der Stelle eingefügt wo ich es über Untersuchen getestet habe. Naja seht die Unterschiede selbst:


      Standard:

      Mit Untersuchen ausprobiert:

      Dann in der CSS umgesetzt mittels:

      CSS
      .wrap {
	margin-top: -150px !important;
}

      Siehe was passiert:

      Wo ist mein header und meine Navigation :D:D:D? Wenn ich die px kleiner ausfallen lasse verschwindet nach und nach der header :D

      Hallöchen!

      Mit margin-top änderst du nur den Abstand zum äußersten Rand der Website. Soweit ich es richtig entnehmen kann, hast du als Body ein Bild...
      Wenn nun der margin-top -Wert zu groß ist, schiebst du den Header unter das Bild = du siehst ihn nicht mehr.
      Ich persönlich würde dem Header als DIV einfach einen festen Wert (Koordinaten) zu weisen.


      CSS
      .wrap {
  position: absolute;
  width: 250px;  //Breite des Objektes
  height: 175px; //Höhe des Objektes
  top: 150px; //Abstand nach oben (zum Elternelement)
  left: 200px; //Abstand nach links (zum Elternelement)
}

      Werte dienen einfach als Platzhalter!
      Natürlich musst du .wrap durch die passende ID ergänzen, damit CSS auch auf das passende HTML Element zu greift.

      Zitat von Fyndor

      Aber weise ich Ihm einen festen Wert zu, bleiben wir nicht mehr im responsive oder sehe ich das falsch?

      Siehst du richtig, da ja der Wert absolute ist.
      Weist du ihm einen festen Wert zu, so wird er auf jedem Bildschirm (andere Auflösung) anders aussehen, da sich die Werte an Pixeln orientieren.

      Liebend gerne kannst du mir per PN die HTML und CSS-Dateien zu kommen lassen und ich schaue mir das mal an, okay?