These are under the Up Next Section. The loops & descenders of letters like ‘g’, ‘y’ etc are being cut off.
2 Likes
No, it’s not. The font has complete letters - its loops and descenders. Following is same font on the same page.
Oh, I meant maybe the font is bigger or needs more space and then cut off by the “old” text boxes.
Oh yeah, that’s more likely a reason. The spacing/padding hasn’t been re-optimized to fit the changed font.
1 Like
I found the html/css that is causing this. The font-size is 16 (which is the fundamental default across all browsers. The container element for that section is set to “height: 16px” as well, so the font is essentially boxed at the same height so anything that naturally extends that pixel amount will be cut off. They just simply need to adjust the height of the <h3 html tag that wraps around those elements.
#ondeck-shows>div .titles h3, #progress-grid-wrapper>div .titles h3 {
height: auto;
margin-top: 14px;
}
2 Likes
Sorry, I didn’t get to this email until now, but I just checked, and it seems like that they’ve already fixed it.
But just for learning’s sake, is your provided code the apt solution? If yes, & only the height was the issue, then did you leave the margin-top unchanged? If yes, why? If no, why it couldn’t also be switched to auto like the height. Would be grateful to learn.