What happened to my heading font?

I’m using Ghost “headings” as a way of creating impactful-looking pull quotes. But on a post I published today, the text in the headings is really small:

It’s much bigger in previous posts:

I’m using the Tuuli theme (1.3.0) and I haven’t done any tweaking to the theme’s code (I wouldn’t even really know how to do that).

Any ideas?

I’m not 100% sure but this might be related the the new Custom Fonts update.

It seems that with the latest update, in some cards, the headings now have a paragraph element inside, which is clashing with some styles. I’ll release a new update in a few days, in the meantime you can add this in code injection:

<style>.content .kg-card *:where(h1,h2,h3,h4,h5,h6) p { font-size: inherit; margin: 0; }</style>

If you see any other issue, you can open a support ticket.

2 Likes

Thank you! I appreciate the update & the help.

Thanks. I have the same problem with the Maali theme.

The same code injection should work for you too. If you notice any other issue, just let me know.

I’ll send you an email, because we are mixing things here between different themes.

We found the issue and rolled it back.
Running ghost update should get you up to the latest version that includes the fix.

You may need to edit the post for the changes to rerender on your post.

Let us know if you run into any issues. :)

1 Like