Jump to content

How to stop text hyphenating within a slideshow banner

Recommended Posts

Hi, 

WWW.ANNAGRIFFINCOACHING.COM 

PASSWORD: home8

I need to stop the text in my slideshow banner from hyphenating when screen sizes are changing. If possible scaling the text potentially as it responds? 

Any help would be appreciated! @tuanphan

 

I currently have the following code addressing the slider text: 

section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
h2.list-item-content__title {
    font-size: 38px !important;
    color: #E0BE7E !important;
}
section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
.list-item-content__description {
    font-size: 20px !important;
    color: #E7E0DA !important;
  font-weight: 400;
}
section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
.list-item-content__description strong {
  font-family: The Pallace;
  line-height: .8em;
  letter-spacing: .01em;
  font-weight: 300!important;
    font-size: 60px !important;
    color: #E7E0DA !important;
}

//banner 3 testimonial//
section[data-section-id="646a8e78ef30617fa582bedc"]
h2.list-item-content__title {
    font-size: 35px !important;
    color: #44535D !important;
}

section[data-section-id="646a8e78ef30617fa582bedc"]
.list-item-content__description {
    font-size: 18px !important;
    color: #44535D !important;
  font-weight: 400;
}
section[data-section-id="646a8e78ef30617fa582bedc"]

.list-item-content__description strong {
  font-family: The Pallace;
  line-height: .99em;
  letter-spacing: .01em;
  font-weight: 300!important;
    font-size: 55px !important;
    color: #44535D !important;
}
 


p, h1, h2, h3 {

-webkit-hyphens: manual !important; 

-moz-hyphens: manual !important; 

-ms-hyphens: manual !important; 

hyphens: manual !important;

}

 

 

 

 

Screenshot 2023-07-11 at 21.50.32.png

Edited by MillyBanks
updated password
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

You can add this to Design > Custom CSS

p,h1,h2,h3, body * {
    -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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.