27.12.2016, 13:36
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:
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:
Code:
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:
[attachment=3676]
Mit Untersuchen ausprobiert:
[attachment=3677]
Dann in der CSS umgesetzt mittels:
Code:
.wrap {
margin-top: -150px !important;
}
Siehe was passiert:
[attachment=3678]
Wo ist mein header und meine Navigation 
? Wenn ich die px kleiner ausfallen lasse verschwindet nach und nach der header