Abstand zwischen H 2 / H3 Überschrift und Fließtext zu groß

Thema wurde von Wulfmin, 9. Februar 2017 erstellt.

  1. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Vorweg! Als Hauptüberschrift habe ich H3, als Unterüberschrift H2 und als weitere Überschrift H3 gewählt.
    Siehe Text auf der Startseite: www.smoketrend.de

    Problem!
    Der Abstand zwischen der H2 und H3 Überschrift, sowie H3 und Fließtext ist einfach zu groß.

    Hoffe man kann das evtl. im StyleEdit einstellen.
     
  2. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.165
    Danke erhalten:
    6.199
    Danke vergeben:
    1.101
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Du hast in den Überschriften Zeilenumbrüche
    schau dir den quelltext im editor an - die BR sachen sind schuld
     
  3. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Hallo Dennis, ich weiss was du meinst, aber ich sehe keine Umbrüche nur H1, H2 Überschriften.
     
  4. #4 postel, 9. Februar 2017
    Zuletzt von einem Moderator bearbeitet: 9. Februar 2017
    Schaue mal genau hin, im Gambio-Shop mit Honeygrid sind über css die H1, H2 usw. genau vordefiniert!
    Man kann über StyleEdit3 diese Angaben verändern, aber dann gilt das für alle h1, h2 ...
    Geht aber auch über css bestimmte h..123 einstellen.
    Beispiel aus meinem Shop, (hat jetzt nichts mit direkt deiner gesuchten Anpassung zu tun):
    Code:
        .product-info .product-info-title-mobile h2 {
            margin-top: 10px;
            }    
     
  5. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Ziel ist es einfach den großen Abstand zwischen den Überschriften und dem Fließtext zu reduzieren. Sieht ja ansonsten blöd aus. Siehe Startseite: http://www.smoketrend.de/index.php

    Du schreibst man kann das mit StyleEdit einstellen. Nur wo genau dort. Unter dem Punkt Allgemein /Schrift kann man ja nur die Schriftgrößen anpassen.
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.165
    Danke erhalten:
    6.199
    Danke vergeben:
    1.101
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    ok umbrüche waren da als ich geschaut habe, da hattest auch noch kein Bild links, oder?
    Hier mal die Werte wie du siehst was da abstand erzeugt
    botten.PNG

    Das sind die devinierten Abstände bei den H1 - H3
     
  7. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Ja arbeite gerade am Content. Verstehe. Und wo nun kann ich die Werte ändern?
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    31.165
    Danke erhalten:
    6.199
    Danke vergeben:
    1.101
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Ich arbeite nie mit dem Style-Editor könnte dir nur sagen wie es als eigenes CSS geht.
    Ich mag immer nicht rumsuchen, und bei eigenem seh ich schön was ich alles angepasst habe.
     
  9. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Ok. Hast du evtl. einen Css Code für mich der das Problem beheben kann?
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    19. August 2012
    Beiträge:
    197
    Danke erhalten:
    52
    Danke vergeben:
    19
    versuche diesen Eintrag. Damit kann du die Zeilen verkleinern. margin-bottom ist der Wert wo du mit spielen mußt.

    h2, .nav-tabs > li > a, .tab-content > .tab-pane > .tab-heading > a, h3 {
    border-bottom: 3px solid #fff;
    padding-bottom: 13px;
    margin-bottom: 0px;
    }

    trage die Wert in deiner css ein.
     
  11. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    Hab ich eingetragen, schau auf meine Seite www.smoketrend.de
    Sieht nicht besser aus.
     
  12. wie schon geschrieben, damit nicht alle h1, h2, h3 geändert werden, das ganz genau per css zuordnen.
    Beispiel für deine Seite, die Werte bitte deinen Wünschen anpassen.
    Code:
    .content-page-index h1{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .content-page-index h2{
        margin-bottom:  0px;
        padding-bottom: 0px;
    }
    .content-page-index h3{
        margin-bottom:  0px;
        padding-bottom: 0px;
    }
     
  13. Wulfmin

    Wulfmin Erfahrener Benutzer

    Registriert seit:
    31. Mai 2011
    Beiträge:
    103
    Danke erhalten:
    2
    Danke vergeben:
    26
    So geht's natürlich auch. Vielen Dank:)