Automatischer Zeilenumbruch bei Links | WordPress

Automatischen Zeilenumbruch einbauen:

Wenn Links über den eigentlichen Rand hinausgehen, sieht das meist recht unschön aus. Dies ist gerade bei längeren Links und mit einem kleineren Bildschirm der Fall:

 

Um zu verhindern das Links auf einer WordPress Seite über die Textbox hinausragen, reicht es eine einzelne Zeile Code in die CSS Datei zu schreiben. Damit wird der Link, sobald er über den Rand hinausgehen würde, in einer neuen Zeile weitergeführt:

 

Um diese Einstellung hinzuzufügen geht man in WordPress auf Design -> Editor und fügt dort wo die Links gestylt werden diese zusätzliche Zeile ein:

word-wrap:break-word;

Im CSS Editor sollte das ganze dann in etwa so aussehen:

a {
	color: #80abc8;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	// Neue Zeile Code:
	word-wrap:break-word;
}