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

Textabstand nach Überschrift

Dieses Thema im Forum "Design" wurde erstellt von Satyagraha, 2. Mai 2012.

  1. Satyagraha

    Satyagraha Well-Known Member

    Registriert seit:
    1. April 2012
    Beiträge:
    63
    Zustimmungen:
    0
    Hallo Leute,

    nur ne kurze Frage:
    wie kann man nach einer eingesetzten Überschrift (<h1>) den von WP automatisch eingesetzten Zeilenabstand zum nächstfolgenden Absatz verringern. WP macht da irgendwie einen zu großen Sprung und ich weiß nicht, wie korrigieren...
    Any Idea?

    Herzliche Grüße
    Matthias
     
  2. vanvan

    vanvan Well-Known Member

    Registriert seit:
    21. Februar 2012
    Beiträge:
    286
    Zustimmungen:
    3
    Die Abstände findest du in der style.css
    Das sieht z.B. so aus:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Hier bedeutet 10px den Abstand nach oben und 20px sind der Zeilenabstand nach unten.
    Diese Zahlen veränderst du so wie es dir gefällt.

    tom
     
  3. Satyagraha

    Satyagraha Well-Known Member

    Registriert seit:
    1. April 2012
    Beiträge:
    63
    Zustimmungen:
    0
    Hey, danke, grade erst gesehen :)

    In der Style.css (Theme ist übrigens Sunspot 1.0.1 von Automattic) find ich aber nur unter dem Bereich PostHeadings etwas wie:

    }
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6 {
    clear: both;
    margin: 1em 0;
    }
    .entry-content h1 {
    font-size: 1.615em;
    }
    .entry-content h2 {
    font-size: 1.462em;
    }
    .entry-content h3 {
    font-size: 1.308em;
    }
    .entry-content h4 {
    font-size: 1.154em;
    }
    .entry-content h5 {
    font-size: 1em;
    }
    .entry-content h6 {
    font-size: 0.846em;
    }


    oder so was:

    }
    .entry-title {
    color: #d7c2a8;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 0 50px 0 0;
    }


    ???
     
  4. dfm

    dfm Well-Known Member

    Registriert seit:
    26. Juli 2011
    Beiträge:
    205
    Zustimmungen:
    0
    hi!

    dann verändere einfach:

    }
    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6 {
    clear: both;
    margin: 1em 0;
    }

    das margin 1em einfach auf 5px oder so ändern.
     
  5. Satyagraha

    Satyagraha Well-Known Member

    Registriert seit:
    1. April 2012
    Beiträge:
    63
    Zustimmungen:
    0
    Wow! Funktioniert! Bin begeistert! :)
    Herzlichen Dank Euch...
     
  6. dfm

    dfm Well-Known Member

    Registriert seit:
    26. Juli 2011
    Beiträge:
    205
    Zustimmungen:
    0
    no prob.... ;)
     
  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