Jump to content

Can someone help me with word breaks or wraps?

Recommended Posts

Hi, all! I'm at my wits end trying to figure out why one section of my website breaks words, while the rest does not. It's only on my blog page that I'm having the issue.

I'm using Brine and I've entered the following css into my main css thread:

.fancyborder { border:4px solid #FFFFFF; padding: 10px; }

p, h1, h2, h3 {
   -webkit-hyphens:manual !important;
      -moz-hyphens:manual !important;
       -ms-hyphens:manual !important;
           hyphens:manual !important;

#collection-5cfb3a28e542360001af09e6 {
     header {
            display: none !important;


This works for everything else on my website, so why not this single page?

It's an index page that will serve as a blog page

There is currently no code injected on the page itself, but I've tried implementing several different methods i.e. "hyphen", "word-break", "word-wrap", "overflow-wrap", and "white-space" to no avail.

I'm REALLY struggling here and have spent 12 hours now on the problem. Thank you all so much in advance!!

Link to comment
  • Replies 2
  • Views 833
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.