Okay
  Public Ticket #2774331
Split Line Heading Decenders getting cut off with
Closed

Comments

  •  3
    Alana Sparrow started the conversation
    May 11, 2021 at 7:28pm

    Can you please advise how to resolve the descenders on some letterforms from getting cut off when using the Split Line Heading with the Line Reveal By Each New Line animation?

    It's happening on these pages:
    https://businessforgood.org/our-approach

    https://businessforgood.org/about

  •  279
    Noah replied
    May 12, 2021 at 10:13am

    Hello Alana,

    Thank you for reaching out to us.

    I am sorry I did not understand the issue you are facing. Please share a screenshot or a screencast so that I can assist you.

    Thanks.

  •  3
    Alana Sparrow replied
    May 13, 2021 at 5:39pm

    screen shots attached. please notice the letter 'g', it's descender is cut off in both instances.

  •  1,878
    Judith replied
    May 13, 2021 at 5:52pm

    Hi Alana,

    Please try this css:

    .nectar-split-heading h1 {
        margin-bottom: 9px;
    }
.nectar-split-heading[data-animation-type="line-reveal-by-space"] span, .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated) > * {
        line-height: 58px;
    }

    Thanks.