Manchmal möchte man die Größe von Headlines im gesamten Template verändern. Über ein paar Zeilen CSS-Code im Backend unter Design -> Themes -> Customizer -> und dort im Bereich „zusätzliches CSS“ ist das schnell gemacht. Der Code
h1, h2, h3, h4, h5, h6 { font-size: 40px !important; }
sorgt für eine Anpassung der im Theme-CSS definierten Größen für h1-h5-Tags auf 40px. Die Größe lässt sich natürlich beliebig anpassen, und der Effekt ist sofort sichtbar. Das „!important“ sorgt dafür, dass diese Anweisung höchste Priorität hat und evtl. nachfolgende CSS-Definitionen der Tags unberücksichtigt bleiben. To be continued …