In both Text and Rich Text components, lines that are too long are hyphenated no matter what justification is used. End-of-line hyphenation like this is not the modern standard for text on a screen , so I’m perplexed as to why it’s the app default.
If the CSS is structured well, you should be able to add -webkit-hyphens: none; -moz-hyphens: none; hyphens: none !important; to <body> style definitions in the DOM Inspector to make the changes globally, but it has no effect on the app.
I’ve never seen a website that has end-of-line hyphenation so something has been done deliberately to enable it in the first place for Glide Apps. (In the very simplest HTML and CSS , line breaks are placed between words.)
I found this option for preventing hyphenation in a single Rich Text component, but I was wondering if there was a global app-wide way to turn it off. (Other than custom CSS, which is apparently only available at the $250/month level, which is a ridiculous amount of money to pay just to get access to customizable CSS.)
I second this. Hyphens are not default for the web these days. And yep, I’ve seen the posts about disabling via custom CSS, but I’m not on the expensive plan that lets me do this.
Resurrecting this post. Agreed — Rich Text hyphenation line breaks are ugly and confusing. No other Glide Component behaves this way. Please fix. @andymci
I understand your frustration; end-of-line hyphenation is definitely an aggressive default and not what most developers expect. The reason your CSS injection failed in the DOM inspector is because Glide components often use inline styles or very specific wrapper classes that take precedence over general body declarations, effectively ignoring your global override. Unfortunately, I can confirm there is no simple toggle switch or setting within the Builder interface to disable hyphenation globally without accessing the Custom CSS feature on the higher tier plan. This default is deeply integrated into how Glide handles text wrapping for mobile optimization. Hope this helps!