css für h1

    Joomla Version
    5.x
    PHP Version
    PHP 8.2.x
    Hoster
    allinkl
    Link (URL) zur Seite mit dem Problem
    https://www.handysalon.org

    Ich habe mal eine Frage zur Formatierung von H1. Ich würde gerne in meinen Tabellen das Tag H1 anders formatieren als der Standard. Dazu habe ich mal versucht das in css einzubringen.

    Aber irgendwie kann ich den Titel nicht vertical zentrieren. Bin für jede Hilfe dankbar. Vielen Dank


    Zitat von Dautrich

    Er meinte vertikal, also: vertical-align: middle;

    Ja, das kenne ich und habe es auch ausprobiert.


    Meine halt: Wieso soll eine Überschrift vertikal sein?

    Es sei denn: ich habe z.B. eine Überschrift links und daneben Text oder Bild.

    Auf der angegebenen Seite ist die h1 und/oder th oben & darunter der Text.


    Liebe Grüße

    Christine

    Der vertikale Versatz von h1 in th kommt durch die bootstrap.css siehe dort ab Zeile 356:


    Code
    h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

    falls dein obiges:


    Code
    h1.content {
 font-family: impact, sans-serif;   
 font-size: 14px;
}

    in th wirken soll kannst du es z.B. so ändern und ergänzen:


    Code
    .content th h1 { 
   font-family: impact, sans-serif;
   font-size: 14px;
   margin-bottom: 0.2rem;
}

    Ich würde font-size aber z.B. als rem notieren oder small nutzen.