1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Page Wrapper - top padding für einzelne Seite anpassen

Dieses Thema im Forum "Design" wurde erstellt von edvazubi, 15. Juni 2018.

  1. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Hey,

    ich habe eine WordPress Seite für mein Unternehmen aufgesetzt. Nach langem herumspielen an verschiedenen Dingen ist die Seite nun fast fertig. Eine Kleinigkeit die mich stört ist jedoch, dass meine Startseite einen ziemlich großen weißen Rand zwischen dem dem Header-Menü und dem Beginn des textes hat. Bei anderen Seiten stört es nicht, da dort der Seitenname steht, bei der Startseite soll dies allerdings nicht so sein.
    Gibt es eine Möglichkeit die einzelne Seite anzupassen? Ändere ich den entsprechenden Eintrag in der style.css dann gilt es für alle Seiten, was zu Seiten mit Überschrift dazu führt, dass der Seitenname hinter dem Menü steht.

    Ich bedanke mich schonmal im vorraus.
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Benutze die entspr. body-Klasse der Startseite, je nachdem was auf Deiner Startseite ist, kann das z.B. .home oder .blog sein, Link zur Seite?
     
  3. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Die Seite ist leider im Firmennetz und von außen nicht zu erreichen. Ich versuche es mal mit der body-Klasse.
     
  4. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Wie wäre denn die entsprechende Syntax dazu? Bin leider was css angeht ziemlich unerfahren
     
  5. Azrael_0815

    Azrael_0815 Well-Known Member

    Registriert seit:
    7. Juli 2015
    Beiträge:
    591
    Zustimmungen:
    35
    .postid-711 {

    }

    Die entsprechende Klasse findest Du im body-Tag.
     
    #5 Azrael_0815, 20. Juni 2018
    Zuletzt bearbeitet: 20. Juni 2018
  6. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Bei mir sieht es nun folgendermaßen aus:

    .postid-128{
    .page-wrap{
    padding-top: 0px !IMPORTANT;}
    }

    passiert ist leider noch nichts :(
     
  7. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Das ist ja auch die falsche Syntax!
    Richtig ist die Form
    Selektor {
    Eigenschaft: Wert;
    }
    Wenn du den Selektor richtig gewählt hast - .postid-128 .page-wrap - dann sollte
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    dir weiter helfen. vorausgesetzt, dass tatsächlich das 'padding-top' des Elementes mit der Klasse '.page-wrap' dein Problem verursacht.
     
    edvazubi gefällt das.
  8. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Untersuche ich in Firefox das Element welches unnötig viel leeren Platz verbraucht und das paddig-top dort auf 0 setze, ist der abstand für mich perfekt. Ich habe das Gefühl die falsche ID zu haben oder aber die falsche css Datei zu bearbeiten. Es müsste doch aber die Style CSS sein oder?
     
  9. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    nutze doch einfach das "Zusätzliche CSS" unter Design.
    Ein !important hinter dem Wert kann manch mal auch helfen.
     
  10. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Habe ich probiert. Offensichtlich habe ich immer noch die falsche ID...
     
  11. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Hier ist einmal ein Screenshot von meinem Problem.
    padding-top muss auf 0px für nur diese Seite eingestellt werden.
     

    Anhänge:

  12. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    du hast es doch selber rot markiert
    .page-id-128

    wie kommst du dann auf .postid-128 ?? :confused:
     
  13. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    .postid hab ich einer Antwort weiter oben entnommen, bemerke aber gerade selber dass das unlogisch ist
     
  14. edvazubi

    edvazubi Well-Known Member

    Registriert seit:
    20. Juni 2017
    Beiträge:
    54
    Zustimmungen:
    0
    Es funktioniert jetzt so wie ich es mir vorstelle. Danke für die Ratschläge und das Verständnis für mein geringes css Wissen
     
  15. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    .postid war nur ein Beispiel, da wir ja deinen Quelltext nicht sehen können.
    Schön, dass es jetzt funktioniert.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden