Forums

Changing hyphenation in css

Permalink
Is this something I can do at the C5 level, or is it implemented differently at the theme level? I've been scanning the css docs for my theme, fundamental on 5.7, and haven't found the settings for the headline I need to turn of hyphenation for.
gewald
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi gewald,

I am afraid I don't understand the question.

What are you trying to accomplish?
gewald replied on at Permalink Reply
gewald
The theme I'm using allows words in H1 to be hyphenated, but on a cell phone it leads to lots of hyphens rather than line breaks. Looks horrible. Want to change the hyphen setting to off for H1. Lots of other aspects of the theme can be managed through C5, but the H1 settings were only for color, font and size variables.
MrKDilkington replied on at Permalink Reply
MrKDilkington
Do you have a site link for where this is happening?
gewald replied on at Permalink Reply
gewald
sustainedrelease.us. Of course I've changed the headline a few times and now on an iPhone in portrait orientation the words are short enough that they don't hyphenate on every line like they did with a different headline (the text in white).
MrKDilkington replied on at Permalink Reply
MrKDilkington
The hyphenation declarations for the h1 are in main.css.
.ccm-page h1 {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

I am not sure how the files are setup in the theme. It might be in a .less file that is compiled to main.css.
gewald replied on at Permalink Reply
gewald
Turns out they fixed this in an update to the theme. All fixed.