[falcao1010]

Hallo, auf meinen eigenen Seiten sind die Überschriften wie z.B. H1 oder H2 manchmal in der mobilen Ansicht zu groß. Weiß jemand, wo ich diese Formatierungen der Überschriften finde, damit ich dir anpassen kann?

[[ExiTuS]]

MyBB nutzt im Standard-Theme keine H-Tags als Überschriften, sondern eine eigene CSS-Klasse:

Code:

<td class="thead">Überschrift</td>

Um deine Überschriften einheitlich zu gestalten, könntest du deinen Überschriften ebenfalls dieselbe Klasse verpassen:

Code:

<h1 class="thead">Überschrift</h1>
<h2 class="tcat">Überschrift</h2>

Ansonsten musst du deine H-Tags in der global.css definieren, wie in diesem Beispiel:

Code:

h1 { font-size: 1.6em; color: #FFF; background: #00C;  padding: 0.5em 1em; }
h2 { font-size: 1.2em; color: #007; font-weight: normal; text-decoration: underline; }

[ETS]

[falcao1010]

Danke!

Noch eine Nachfrage: Ich habe das Padding aus deinem Beispiel ganz entfernt, aber trotzdem ist über der Überschrift ein relativ großer Freiraum. Woran könnte das liegen?

[[ExiTuS]]

h-Tags sind Standard-HTML-Elemente, die bereits mit festgelegten Definitionen daherkommen, die bereits in allen Browser vorkonfiguriert sind. Dazu gehören auch vordefinierte Padding (innerer Abstand) und Margin (äußerer Abstand).

Hier findest du die vordefinierten Parameter (Richtwerte) für h-Tags:
https://www.w3schools.com/tags/tag_hn.asp

In dem Falle musst du das "padding: x" und margin: y" manipulieren und mit eigenen Parametern überschreiben.
Mein Tipp:
margin: 0 und padding nach Belieben anpassen.

[ETS]

[falcao1010]

Auch wenn ich margin und padding auf 0 setze, bleibt der zu große Abstand nach oben vorhanden. Kommt der Abstand vielleicht aus dem Header ?

[Schnapsnase]

Wahrscheinlich werden auch darüber liegende Elemente Abstände nach unten haben oder deine Anweisungen werden irgendwo überschrieben.
Wenn wir keinen Link zum Forum haben und es nicht sehen können, ist jeder Rat Spekulation.
Falls du nur eine punktuelle Anpassung der h1 Tags möchtest, könntest du im HTML-Konstrukt per Inlinestyle auch einen negativen Wert für margin-top angeben.

Z.B.

Code:

<h1 style="margin-top: -15px;">Überschrift</h1>