Prevent work from breaking on 7.1 FE

How can I prevent a long word ('Consultation' in image attached) from breaking onto the next line? In this case, it's only one alphabet so it would be great if it could be forced into one line.

Thanks!

newmomu.squarespace.com
pw: newmomu

41 minutes ago, MJohn said:

How can I prevent a long word ('Consultation' in image attached) from breaking onto the next line? In this case, it's only one alphabet so it would be great if it could be forced into one line.

Thanks!

newmomu.squarespace.com
pw: newmomu

Can you share your site with the protected password for checking it in detail?

newmomu.squarespace.com
pw: newmomu

My testing

Thank you, that works well!

Could you explain to me why you used the not property when it would work just as well without it?

Hi there, 

I'm having the same issue with my website where the header texts are breaking up and wrapping at different scales of the screen size throughout all my pages, especially my CASE STUDIES (there's 4 of them).

Can someone please help me with this?  

debbieshan.com (no password required). 

PS. I have added in some custom CSS but not sure if it's right (I found them through researching here & online). 

This is what I've added so far to attempt to fix this myself... 

h1, h2, h3, p {
  hyphens: none;
}
section[data-section-id="62df6f1bf1cc0d19dc8d3cf5"]  .sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3) {
  word-wrap: normal;
}

Here's an example... 

On 1/29/2023 at 2:25 AM, debbieshan said:

Hi there, 

I'm having the same issue with my website where the header texts are breaking up and wrapping at different scales of the screen size throughout all my pages, especially my CASE STUDIES (there's 4 of them).

Can someone please help me with this?  

debbieshan.com (no password required). 

PS. I have added in some custom CSS but not sure if it's right (I found them through researching here & online). 

This is what I've added so far to attempt to fix this myself... 

h1, h2, h3, p {
  hyphens: none;
}
section[data-section-id="62df6f1bf1cc0d19dc8d3cf5"]  .sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3) {
  word-wrap: normal;
}

Here's an example... 

Hi,

Can you share link to this page? We can check easier

Hey @tuanphan and @Beyondspace, I'm having the same problem. 

How do I manage to do this on my own? Is it the Data Section Id I need to find to be able to customize this for each text block? I have run into this problem before and would love to be able to fix it by myself also. 

I am having the same problem on https://www.samycketorsa.se/shower/#hemvandarkvall (password: 0250)

Thanks in advance! 

On 4/6/2023 at 1:34 PM, Lysfoss said:

Hey @tuanphan and @Beyondspace, I'm having the same problem. 

How do I manage to do this on my own? Is it the Data Section Id I need to find to be able to customize this for each text block? I have run into this problem before and would love to be able to fix it by myself also. 

I am having the same problem on https://www.samycketorsa.se/shower/#hemvandarkvall (password: 0250)

Thanks in advance! 

What is password?

@tuanphan

The password is removed now, the site is published. 

On 4/19/2023 at 7:08 PM, Lysfoss said:

@tuanphan

The password is removed now, the site is published. 

Add to Design > Custom CSS

@media screen and (max-width:1024px) and (min-width:768px) {
.fe-block-7ce5d86720939fa8bb6a a {
    font-size: 12px !important;
}
}