[fastpages] GitHub Pages Blog Using Nbdev

Code fonts look unreasonably small on my device. It’s using 12px fontsize. I’d like to customize the fastpages-style.scss file to change the fontsize to 15px. How can I do that?

In the newest version of fastpages, you can inject your own custom CSS in _sas/minima/custom-styles.scss

You could add something like this

.input_area pre, .input_area div {
        font-size: 120%;

Hope that helps!


Hi, I’m trying to enable google analytics. I see this script on the header (i’ve removed my id for obvious reasons). Is GA disabled? If so why?

  window['ga-disable-UA-xxx-1'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-xx-1');

It’s not disabled. See How to track page views in fastpages

1 Like

I tried using fastpages for the very first time today, and wow!! It was very easy to setup and so nice to have CI/CD setup right out of the box. Thank you so much for developing this, @hamelsmu!

I saw in a Github issue to investigate the interactive features and I did see that the integration with Binder was done recently. I was hoping to include a simple widget to allow user to enter an input (whether that being an upload button or text field). I converted one of my ipynb using nbinteract and have a html file, but I was not sure where I can put it so that it’s accessible on the site. I am totally new to Jekyll and wondering if anybody could help me.

Thanks in advance!

1 Like

Unfortunately, nbinteract isn’t supported yet:

I was hoping that if I did the leg work of converting to HTML myself, maybe I can put it out there - but maybe it is not as simple as that.

Thank you for the quick response :slight_smile:

1 Like

Ah ok I see, I am not sure if you have an html file whether it will integrate well with fastpages. I guess it’s best for @hamelsmu to answer this.

Hi @hiromi do you have a stand-alone HTML file that does what you want? If so can you share it? That would be helpful!

If you can produce HTML that does what you want, then I know what to do from there. Let me know!


I made a simple example of getting a text input from a user in this repo:


I am not sure if it qualifies as a stand-alone because it probably needs that requirement.txt and .nbinteract.json file. But if this is something that can be hosted in fastpages, it would be amazing. And if there are other tools (like nbinteract) out there that would be easier to integrate with fastpages, then I have no problem switching to that tool as well!

Thanks once again :slight_smile:


Question, how do I make the inline code font size larger? IE see DataBlock here (either in the title or in the text), I want them to ideally be the same size

What is that in the CSS?

Can you open an issue on GitHub about this? I’ll fix this. However to answer your question you can use developer tools in your browser to see what element and class it belongs to and change that in the CSS


Sure :slight_smile:

Also I figured it out, thanks for the hint :slight_smile: I wanted to adjust it and the background color of the highlights as well. These were the two adjustments needed:

.post-content pre, .post-content code {
	background-color: #fff;

.post-content tt, .post-content code {
	font-size: 21px;

What does it look like just curious? Share a screenshot?

This is just white on white, still figuring out the color but the idea is there :slight_smile: (and the title is still a little smaller)

Edit: cleaner version (at this point I’m messing around and playing with it still, but glad I was on the right track finally :slight_smile: )

(color code: 9581b121)

FYI - I’m tracking this in https://github.com/fastai/fastpages/issues/128

1 Like

@muellerzr fixed this in https://github.com/fastai/fastpages/pull/224. Thanks for letting me know!

1 Like

Awesome! Thanks! (is there a quick way to get this update?)

1 Like
1 Like