CSS font change is messing with line spacing

Howdy,

I can’t post a link because the page is in Staging and behind a password. However, here’s a sample screenshot: https://1drv.ms/u/s!Anw56nEH2SfbhKFsyFWI7DNUxnlk9w?e=x8Yg9G

Anyway, I was looking for a way to change the font family/size/color of specific words within a block. It was suggested to use a Span, Google Fonts, and some CSS.

So, I’m using this in my Custom CSS section:

.special-txt{
    font-family: 'Dancing Script'; 
    font-size: 24px!important;
    color:red; 
}

And then this around the text:
<span class=”special-txt”>Text goes here</span>

It works fine, but as you can see in the screenshot above, it kind of messes with the spacing between the lines that contain the modified text. Is there any way around this problem? Can I force the line spacing to remain the default even though the modified text is maybe a different size? Can I force the whole paragraph to increase the spacing to match the modified area? Are there any other options?

I’m using the Neve theme if that makes any difference.

THanks.

• This topic was modified 2 years, 12 months ago by kelemvor.