CSS-Trick (Swiss Responsive): Webslogan umbrechen

Hallo Tobias,

gehe bitte mal in Google Chrome (alternativ IE) auf den Webslogan und dann auf Untersuchen (STRG + UMSCHALT + I). Im Bereich Webslogan wird eine Warnung bei den Styles zu "font size" angezeigt. Da das gleichzeitig auch die einzige Warnung ist, die überhaupt für die Seite anfällt, solltest Du mal in den Layouteinstellungen nachprüfen, ob da was "verdreht" ist.

Hallo,

der Slogan ist in diesem Layout auf "nicht umbrechen" eingestellt. Folgendes CSS stellt das um:

• Klicken Sie im Menü Website auf "Einstellungen"
• Klicken Sie auf CSS
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
#slogan{white-space: normal;}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

Hallo,

da ist zwar optisch gesehen genügend Platz, technisch gesehen aber leider nicht. Daher wäre es sinnvoller, wenn der Slogan automatisch umbricht. Das können Sie mit etwas eigenem CSS erreichen. Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann funktionieren:

<style>
#slogan {
    white-space: normal;
}
</style>