Jump to content

Help with Text Block wrap (?)

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Try adding this to Custom CSS. You may have two tweak the font size properties. The first font size applies to desktop. The second applies to tablets & phones. 

#block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 {
    font-size: 3.5rem !important;
}

@media screen and (max-width:1140px) {
#block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 {
    font-size: 2.5rem !important;
}
}

 

Link to comment
2 hours ago, ReformDesign said:

Actually, I think you can combine the code like so:

//***Homepage Font Sizing***//

#block-yui_3_17_2_1_1676657096961_9238, #block-11d51f4bc5da4b443af7, #block-b9ab9ab5f2feed324232 h4 {
    font-size: 3.5rem !important;

	@media screen and (max-width:1140px) {    
	font-size: 2.5rem !important;
	}
}

This did not work to resolve the splitting. I recall this happening to other text within my page (although I can't rememebr where, or find the coding in my CSS), and the solution was not to do with "rem". 

Screenshot 2023-02-17 at 2.19.02 PM.png

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.