struktiv Posted April 24, 2023 Share Posted April 24, 2023 Hi there. I am editing a website (version 7.1) in german, so far i managed to add hyphenation CSS settings as found here in the forum (link below) – which works, but only for the body text. I'm still having issues with some titles. The title of the column on the right breaks onto two lines, when the browser width is narrow. But it does so without hyphenation, an absolute no-go in german… here's a screenshot: any ideas how to fix this, so it shows a hyphen when this happens? I'm clueless when it comes to code… so thank you for your help and suggestions! this is the code i referred to above: Link to comment
qosmic Posted April 24, 2023 Share Posted April 24, 2023 The 'p' in that code stands for paragraph, which is a specific text type different than headings. If that code works, then try adding 'a' as well: a, p { -webkit-hyphens: auto !important; -moz-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } .techCRM | Email Marketing | eCommerce | Accounting Systems | Data Migration | Automation | App IntegrationsOur Mission - Contact Link to comment
struktiv Posted April 25, 2023 Author Share Posted April 25, 2023 hi there! thanks for the reply, but sadly it did not work… 😞 is there another way i can refer to the headlines...? Link to comment
Solution struktiv Posted April 25, 2023 Author Solution Share Posted April 25, 2023 oh, i played around a little and this worked: // Enable word hyphenation body text a, h1, h2, h3, h4, p { -webkit-hyphens: auto !important; -moz-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } Link to comment
qosmic Posted April 25, 2023 Share Posted April 25, 2023 That was gonna be next. Glad it worked. struktiv 1 .techCRM | Email Marketing | eCommerce | Accounting Systems | Data Migration | Automation | App IntegrationsOur Mission - Contact Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment