Horizontale Linie bei H3-Überschrift in Artikelbeschreibung

Thema wurde von Anonymous, 31. März 2019 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo zusammen, wenn ich eine H3-Überschrift in die Artikelbeschreibung setze, erhalte ich darunter eine horizonale Linie (HR). Das ist aber so von mir nicht gewollt und, was etwas irritiert, im HTML steht die Linie auch nicht drin.

    Mag mal jemand schauen?
    (Link nur für registrierte Nutzer sichtbar.)

    Die erste Überschrift ist H1, die zweite H3, auch wenn man irgendwie keinen Unterschied sieht.
     
  2. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Die Linie entsteht durch »border-bottom«. Wenn Du das bei allen h3-Überschriften weg haben willst:

    Code:
    h3 {
      border-bottom: none;
    }
    Die H3-Größe lässt sich direkt in Style-Edit einstellen.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Okay, das mit der H-Größe habe ich gefunden, Danke! Aber bei dem Code muss ich gestehen, da weiss ich nicht, wie und wo ich den anwende. Direkt im Text? Davor, dahinter? In irgendeiner Einstellung?
     
  4. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    In StyleEdit unterhalb des schwarzen Balken klicken: dann erscheint »Eigenes CSS hinzufügen«. Einfach dort eintragen.
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Ui, so einfach?! Toll, Danke! Aber, neues Problem: der übermäßig große Zeilenabstand bleibt. Gibts da auch was zu?
     
  6. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Ja, geht genauso einfach:

    Die Daten findest Du einfach im Browser. Irgendwo findet sich dort die Funktion »Untersuchen« oder ähnlich. (Klick mit rechter Maustaste auf das Element):

    Das sieht bei aktuell Dir in etwa so aus:
    Bildschirmfoto 2019-03-31 um 11.06.38.jpg
    Die Daten von dort übernehmen und in eigenens CSS einfügen. Beispiel:

    Code:
    h3 {
      border-bottom: none;
    font-weight: bold;
    margin-bottom: 5px;
    }
     
  7. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Tipp: Bei den Beschreibungen besser h2 statt h1 nehmen, damit nur eine h1-Überschrift auf der Seite ist.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Super! Danke. Das verrückte ist ja, dass man damit Google für die Strukturierung der Seite eine H1H2H3 Struktur vorgaukeln könnte, die gar nicht vorhanden ist.

    edit: Ja, das mit den H2-Beschreibungen ist mir gestern auch aufgegangen, daran arbeite ich dann als nächste. :)
     
  9. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Wie geht das?:) Du meinst, auf der Seite unsichtbar »darstellen«?
     
    Zuletzt bearbeitet: 31. März 2019
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Beispiel:
    H1 -> 18px
    H2 -> 12px
    H3 -> 12px
    normale Schriftgröße -> 12px
    Dann in einem normalen Text ab und zu mal H2 und H3 reinsetzen. Das Auge sieht es nicht, Google aber schon.
     
  11. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Alles klar! Mir wäre das zu aufwändig. Und wer weiß, wie Google das dann bewertet. (z. B. Überschriften/Text-Verhältnis)