byharriet Posted October 21, 2019 Share Posted October 21, 2019 I've seen a work around for preventing this by adding CSS code in the page headers but it doesn't work for me /* Hyphens */ p { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } I use the Hyde template and my home page (where the problem lies) is in Index format with parallax scrolling. Is it the Hyde template that is preventing this code from working? Many thanks Link to comment
colin.irwin Posted October 21, 2019 Share Posted October 21, 2019 Try adding this to the custom css area, after any other code that may be there. Also remove your code. @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } } lisam10s, tuanphan, Meghan and 2 others 4 1 I'm writing a date localiser plugin - Check out the proof of concept on YouTube and let me know what you think of it You might want to check out my Squarespace template finder Or have a look at my other Squarespace tips Looking for a Squarespace developer,? Book a chat or Drop me a line Link to comment
lisam10s Posted November 6, 2019 Share Posted November 6, 2019 This solution is GOLD! Thank you Colin.Irwin Link to comment
Asiya Posted December 7, 2021 Share Posted December 7, 2021 On 10/21/2019 at 9:09 PM, colin.irwin said: Try adding this to the custom css area, after any other code that may be there. Also remove your code. @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } } Hi, the hypenation code does not work for me. can you please help. heres my client's website e mail: https://www.thetutoress.com/ Link to comment
tuanphan Posted December 11, 2021 Share Posted December 11, 2021 On 12/8/2021 at 1:17 AM, Asiya said: Hi, the hypenation code does not work for me. can you please help. heres my client's website e mail: https://www.thetutoress.com/ Try this new CSS code p,h1,h2,h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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