Neu Worttrennung in Artikelbeschreibung vermeiden

[Kitsch_und_Kitty]

Hallo,

ich bin noch ein ziemlicher JTL-Neuling und hoffe, ich werde nicht gelyncht für meine vermutlich doofe Frage.
In meiner Artikelbeschreibung kommt es zu unerwünschten Worttrennung und ich bekomme das partout nicht abgestellt. Der Fehler liegt vermutlich im Bootstrap-Ordner oder? Ich weiß nur leider nicht nach was ich da suchen muss, kann mir bitte jemand einen Tipp geben?

 

[fibergirl]

Was heißt denn das? Wird bei vorhandenen Bindestrichen getrennt, bei denen Du es nicht haben willst?
Oder werden tatsächlich Bindestriche eingefügt? (Kann ich mir kaum vorstellen.)

Wenn es sich im Begriffe handelt, bei denen am Bindestrich unbeabsichtigt getrennt wird, kannst Du vielleicht folgendes im Artikeltext (in HTML) versuchen:

Schnell und dirty (aber sowas von invalid!):

<nobr>bitte-nicht-trennen</nobr>

als inline-CSS:

<span style="white-space:nowrap;">bitte-nicht-trennen</span>

oder als Klasse in z.B. theme.css:

.nobr {
  white-space:nowrap;
}

und dann im Artikeltext:

<span class="nobr">bitte-nicht-trennen</span>

siehe auch: http://www.stichpunkt.de/html/umbruch.html#nobreak

 

[Xantiva]

Hi,
ist mir auch aufgefallen ...

Das liegt hier dran:

.word-break, .desc, .shortdesc, .product-title {
  hyphens: auto;
}

https://developer.mozilla.org/de/docs/Web/CSS/hyphens
https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Textausrichtung/hyphens

Ciao,
Mike

 

[Kitsch_und_Kitty]

Danke fibergirl, aber jetzt läuft der Text quasi über den Rand hinaus.
Bild 2 ist der vorherige Zustand, Bild 1 mit deinen Befehlen.
Mein Wunsch ist, dass der Text untereinander im weißen Feld bleibt und Zeilenumbrüche nur nach ganzen Wörten macht und sie nicht einfach trennt, sieht ja doof aus :-/

 

[Kitsch_und_Kitty]

Hi,
ist mir auch aufgefallen ...

Das liegt hier dran:

.word-break, .desc, .shortdesc, .product-title {
  hyphens: auto;
}

Wo finde ich das? Wenn ich das auf hyphens: none ändere, müsste das Problem doch behoben sein, oder?

 

[Xantiva]

Ich bin mit meinem Test- Shop noch nicht so weit, dass ich das Template anpasse, aber wenn ich das richtig sehe, steht das in der bootstrap.css. Mach ein Child-Template und überschreibe da die CSS:

.desc {
    hyphens: none;
}

 

[Kitsch_und_Kitty]

Daaanke, Xantiva! Da habe ich es gefunden! Jetzt sieht es endlich hübsch aus.

 

[ag-websolutions.de]

Nur um sicher zu gehen ... du hast aber jetzt nicht die bootstrap.css geändert?