CSS内のテキストの折り返し

Question

div内のテキストを取得してその内容全体を表示しようとしています。それは私には思わず気に入っているようですが、何らかの理由で私はそれを働かせることができません。私が試したことのあるものは、コンテナの端にあるテキストを切り抜きます。

私はword-wrap: break-word;がトリックをするだろうと思っていましたが、私は運がなかったと思います。私は時々見ているよりも多くを費やしてきました。問題がSquarespaceテンプレートで設定された親オブジェクト、またはデフォルトの属性によって設定された追加の属性によって引き起こされている場合、私はわからない

...

は、コンテナのdivが.margin-wrapperクラスがあり、テキストdivが.image-slide-titleを持っていますクラス。

これは私が現時点で作業しているものですhttps://cesare-asaro.squarespace.com/workです。

CSS：

#portfolio { 
    background-repeat: repeat; 
    background-color: rgba(239,93,85,1); 
     .margin-wrapper:hover { //for portfolio hovers 
    position: relative; 
     } 
     .margin-wrapper:after{ //for portfolio hovers 
    border-radius: 100%; 
    content: '\A'; 
    position: absolute; 
    width: 100%; height:100%; 
    top:0; left:0; 
    background:rgba(255,255,255,0.5); 
    opacity: 0; 
    transition: all .7s; 
    -webkit-transition: all .7s; 
    transform: scale(0.935); 
     } 
     img { //for portfolio hovers 
    width: 100%; 
    vertical-align: top; 
     } 
     .margin-wrapper:hover:after { //for portfolio hovers 
    opacity: 1; 
     } 
     .margin-wrapper:hover .image-slide-title{ 
    color: green; 
     } 
     .margin-wrapper{ 
    border: 1px solid red;  
     } 
     .image-slide-title{ 
    font-size: 76px; 
    text-transform: uppercase; 
    line-height: 10px; 
     color:yellow; 
     position: absolute; 
     margin: -97% 3.25%; 
     border: 1px solid red; 
    height:93.5%; 
    width: 93.5%; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
     } 
} 

Answer 1

.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-titleからwhitespace:no-wrapを削除し、line-height.image-slide-title