Text overlay and no wrapping

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

Hi,

Design > Site Styles >> Adjust their line-height

@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

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

 

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;
}