Jump to content

Text overlay and no wrapping

Recommended Posts

Site URL: https://scottdimond.squarespace.com/

Hello, 

How do I stop these (see sample below) text overlays from happening? The site looks fine on a 27" 5120x2880 large screen but on other computers (e.g. laptops), my header 4 text seems to overlay itself. Even setting the page width max to 1000px does not solve the problem and does not seem to do much at all. In a full screen browser on a Mac BookPro with screen size of 2560x1600 the text overlay is happening.  If I set the header 4 text size even smaller, on a large display you would need a magnifying glass to read the text. 

Thanks, Scott

pw letmein

 

image.thumb.png.ba012cc0d97100388847ade26c150fba.png

Edited by ScottDimond
title correction
Link to comment
  • ScottDimond changed the title to Text overlay and no wrapping
  • Replies 3
  • Views 506
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

@tuanphan Thanks, that fixed it. 

Now on to the next issue. I cannot determine how to change the sizing of the navigation that appears at the bottom of a page view within a Portfolio (see below the text beside < & >). The font is huge compared to the rest of the page. Changing all the various Header sizes seem to do nothing for these. Where can their font size be adjusted? Thanks

 

image.thumb.png.3adeab188bd12cf1f754069304f925e5.png

Link to comment
On 12/3/2021 at 10:16 PM, ScottDimond said:

@tuanphan Thanks, that fixed it. 

Now on to the next issue. I cannot determine how to change the sizing of the navigation that appears at the bottom of a page view within a Portfolio (see below the text beside < & >). The font is huge compared to the rest of the page. Changing all the various Header sizes seem to do nothing for these. Where can their font size be adjusted? Thanks

 

image.thumb.png.3adeab188bd12cf1f754069304f925e5.png

It is Heading 2. Have you tried adjusting heading 2 yet?

Or you can add this code into Design > Custom CSS

/* pagination title */
h2.item-pagination-title {
    font-size: 12px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.