H1, H2, etc. formatieren

[peterpostmaster]

Hallo zusammen,

wenn ich einem Artikel eine Überschrift zuordne, dann ist diese nicht so formatiert, wie ich es gerne hätte.

Die H1 ist viel zu gross und viel zu weit unten. Das würde ich gerne ändern.

Wo ist denn das definiert? Habe es bis jetzt nicht gefunden.

Beste Grüße.
Patrick

[lucina]

Du legst Formate in -> Themes -> CSS fest.

Einige grundlegende Dokumentationen findest Du oben im Bereich 'Contao-Links'.

Carolina.

[ruedische]

Hast du ein Stylesheet angelegt und ins Seitenlayout eingebunden?
Da definierst du die Formate nach Lust und Laune, z.B. so

h1,h2,h3{margin:0;padding:0 0 .5em;font-family:Georgia, serif;font-weight:normal;}
h1{font-size:2.4em;color:#f9f9f9;}
h2{font-size:1.8em;color:#6c6c6c;}
h3{font-size:1.5em;color:#929292;}

Oder eben für unterschiedliche Container (#head, #main etc.) unterschiedliche Definitionen:

#main h1 { ... }

Ich empfehle dir, die Erweiterung csseditor zu installieren, damit ist komfortabler zu arbeiten.

[peterpostmaster]

Danke für die Tipps, aber wenn ich das in der css-Datei einbinde, passiert leider gar nichts.

main h1
{
h1{margin:0;padding:0 0 .5em;font-family:Georgia, serif;font-weight:normal;}
h1{font-size:2.4em;color:#f9f9f9;}
}

Noch was vergessen?

[Thomas]

Du solltest Dir vielleicht vorher grundlegende Grundkenntnisse in CSS anlegen.

http://www.css4you.de/

[wotank]

#main h1
{
h1{margin:0;padding:0 0 .5em;font-family:Georgia, serif;font-weight:normal;}
h1{font-size:2.4em;color:#f9f9f9;}
}

Noch was vergessen?

jau, die Raute vor main.

[planepix]

Aber dann nicht nochmal h1 innerhalb der Definition:

main h1
{
margin:0;
padding:0 0 .5em;
font-family:Georgia, serif;
font-weight:normal;
font-size:2.4em;
color:#f9f9f9;
}

[ruedische]

... immer noch verkehrt.
So ist's richtig:

#main h1
{
  margin:0;
  padding:0 0 .5em;
  font-family:Georgia,serif;
  font-weight:normal;
  font-size:2.4em;
  color:#f9f9f9;
}

Keine geschachtelten Klammern!

Weiterer Lektüre-Tipp:
http://little-boxes.de/lb1/III-css-grundlagen.html