Jump to content

title text: hyphen wont show

Go to solution Solved by struktiv,

Recommended Posts

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:
 

Bildschirmfoto2023-04-24um14_53_47.thumb.png.616fa5e35260bc390613b6b554278289.png

 

 

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
  • Replies 4
  • Views 349
  • Created
  • Last Reply

Top Posters In This Topic

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;

  }

Link to comment
  • Solution

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.