Change font in Github Flavored markdown for Table

Question

I am creating a Wiki page in github.com. I am trying to use table in the Markdown edit mode. I created table by embedding html expecting to add inline-css later but found that inline-css also not working.

I tried following:

<style>
  .markdown-body table td {
    font-size: 12px !important;
  }
</style>

Link for my wiki page.

Have anyone tried it before or achieved similar things or any help?

Solution 1

I have managed to make the font size small in table by using <sub>...</sub> tag.

Achieved this by Wrapping each line of text (inside td) under <sub>...</sub>.

UPDATED WIKI LINK

Solution 2

Just because I don't see this mentioned here I'd like to add one interesting possibility. I know that GitHub's markdown is easy, but if you get at this point where you are sort of battling with it's limitations to get the styling just the way you like it, you might consider switching over to GitHub Pages.

From that link:

GitHub Pages are public webpages hosted and published through our site.

You can create and publish GitHub Pages online using the Automatic Page Generator.

GitHub has special handling for a branch in your repo called gh_pages. Any content pushed to that branch will be published to a subdomain on github.io. Once done, your very own static website will appear at https://your-username.github.io/your-project.

Github makes it super easy to convert your existing markdown to some nice looking website (check out the Automatic Page Creator section in the repo settings) which you can then just pull in from the gh_pages branch and edit to your heart's content.

Solution 3

While the CSS usedby GitHub is described in this official guide, I didn't find any example where you could embed your own stylesheet in a page served by GitHub.

And section would be ignored.
That was already the case two years ago for Gist (for instance).