Twenty Fourteen: Silbentrennung deaktivieren

  • Hallo, ich möchte die Silbentrennung im Theme "Twenty Fourteen" deaktivieren und habe dafür die Stellen im stylesheet ausfindig gemacht, in denen die Silbentrennung definiert wird. Jetzt versuchte ich, durch Änderung des stylesheet im Child Theme die Silbentrennung zu deaktivieren. Leider klappt es nicht. :x Weiß jemand Rat?

    Hier der Code, den ich in das stylesheet des Child Themes integrierte:

    PHP
    .page-content {	-webkit-hyphens: none;	-moz-hyphens:    none;	-ms-hyphens:     none;	hyphens:         none;	word-wrap: 	normal!important;}
    .nav-links {	-webkit-hyphens: none;	-moz-hyphens:    none;	-ms-hyphens:     none;	border-top: 1px solid rgba(0, 0, 0, 0.1);	hyphens:         none;	word-wrap: 	normal!important;}
    .comment-content {	-webkit-hyphens: none;	-moz-hyphens:    none;	-ms-hyphens:     none;	hyphens:         none;	word-wrap: 	normal!important;}
    .widget {	font-size: 14px;	-webkit-hyphens: none;	-moz-hyphens:    none;	-ms-hyphens:     none;	hyphens:         auto;	line-height: 1.2857142857;	margin-bottom: 48px;	width: 100%;	word-wrap: 	normal!important;}
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ich habe es jetzt hinbekommen. Danke!

    Hier die Lösung:

    .entry-content,
    .entry-summary,
    .page-content {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-wrap: normal;
    }

    .nav-links {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    hyphens: none;
    word-wrap: normal;
    }

    .comment-content {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-wrap: normal;
    }

    .widget {
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    line-height: 1.2857142857;
    margin-bottom: 48px;
    width: 100%;
    word-wrap: normal;
    }

  • Du musst die richtigen Elemente ansprechen. Versuche es beispielsweise einmal mit der Klasse "entry-content" statt "page-content".

  • Du könntest es auch mit body * versuchen. Damit sprichst du alle Elemente an. Evtl. musst du dann aber ein !important setzen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!