home · Automad · Bludit · ChatGPT · CMS · GetSimple · GRAV · Handlebars · htaccess · Java · Jira · PHP · Pico · Smarty · Typemill · WonderCMS · WordPress · Yellow ·
Schlagworte in Automad-CSS umbrechen

Schlagworte in Automad-CSS umbrechen

Korrigieren Sie den defekten CSS Style im populären CMS Automad mit wenigen Codezeilen, um beliebte Schlagwörter und Tags korrekt anzeigen zu können.

Schlagworte in Automad

In der Automad Version 1.5.4 brechen die Schlagworte (Tags) leider nicht um. Eine kleine Designschwäche im CSS, die allerdings mit zwei Zeilen schnell behoben ist.

Die Schlagworte sind eine der großen Stärken von Blogsystemen und CMS. In den Beiträgen dieser Domain werden sie genutzt um Querverbindungen mit thematisch ähnlichen Beiträge herszustellen. Im Mehrspaltigen Layout brechen lange Listen jedoch nicht um und werden als lange Zeile angezeigt.

In der Backend-Sektion "General Data and Files" können Sie unter "Variables in the main theme" im Feld "Items Header" ein eigenes CSS anlegen.

<style>
.text-subtitle {
    font-size: 0.85rem !important;
    word-wrap: anywhere;
}
</style>

Code

Im Beispiel oben schalten Sie den Umbruch (word-wrap) der Schlagwortzeile ein und zudem wird die Schrift etwas kleiner auf 0.85 und wirkt dadurch harmonischer mit dem Rest.

Dieser Leitartikel besitzt keine untergeordneten Beiträge.

Affiliate

WordPress 6 - Das umfassende Handbuch. Fast 1.000 Seiten Wissen zu WordPress inkl. Themes, Plug-ins, WooCommerce, SEO und mehr. Ausgabe 2025

Hinweis: Die Webseite ist Mitglied im Amazon.Partnernet und kann mit Affiliate-Links den Betrieb stützen. Für Sie als Leser ist das natürlich vollkommen kostenlos.

(c) by CMSWorkbench.de