File download box has the wrong font

I’m currently using the Digest theme on ghost pro.

In design and branding my typography is set to Fira Mono for both the heading and body. Everything on the site uses this font except for when I upload a file. It creates the nice looking box with the title, description, file name and size, but the font does not match the rest of the site.

Any code I can inject to fix this? I’ll be adding two PDF downloads to each post and will have downloads on some other pages too.

I’d try to remedy this on my own but without coding experience I’m not quite sure how to go about it. Thanks.

If you set your site up a while ago and haven’t done any customizing of the theme (download, edit, and re-upload), you might grab a fresh copy to see if it has changed. To do so, go to /ghost > settings > themes page (where previews are shown) and choose the same theme again, which will install the latest copy.

If that doesn’t fix it, it should be very fixable by code injection. Linking a page on your site with the problem (a preview and fake content is fine) will make it much easier for someone to help you without needing to install the theme themselves just to do so.

Thanks for the response.

I went to do as you suggest but am getting an error after clicking “Update Theme”: Validation (FieldIsRequired) failed for ref

I was thinking about installing a different theme and then installing Digest again, but figured I’d mention this here before doing so in case it messes something up.

I’ve published a post so anyone can take a look: https://www.loopingukrainian.online/

I’ve also noticed that it’s not just the file download box but all boxes like that which are displaying the incorrect font. This includes Bookmarks and Audio. I’ve put these boxes on the site as examples so the difference can be seen.

I’m curious about the font of the member discussion section now too. My browser font is Fira Mono so it matches my site, and I noticed that the original Digest theme’s member discussion section is matching my browser font. (Edit): I just double checked this on another computer and my phone and this is indeed the case. I’m assuming this is simply because the boxes and the members discussion section don’t fall under the category of “Heading font” and “body font”.

As a quick update, and if anyone else runs into the same issue, I’ve gotten all of the elements on the page except for the member discussion section to match the body and header font by putting this code into the header between the tags:

{
font-family: “Fira Mono”, monospace !important;
}

If anyone has any insights about the member discussion section, that would be great.