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?

score 34 · Accepted Answer · answered Oct 27 '14 at 12:51

34

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

answered Oct 27 '14 at 12:51

Dhanu Gurung

8,480
10
47
60

+1. So no embedded stylesheet, as I pointed out in my answer, right? – VonC Oct 27 '14 at 13:15
1

Yes :) . Only used _... tag – Dhanu Gurung Oct 27 '14 at 13:36
This is awesome, it works. But kills any other formatting, so keep that in mind. E.g. links won't work, no paragraph breaks, etc. – Azurespot May 08 '18 at 19:52
Used ..._{within a Python Jupyter notebook, it made the tet smaller and the links still worked.} – MikeF Apr 24 '20 at 10:22
1

What's `_{` usually used for? (Is this a hack?)} – Danijel Jun 09 '20 at 11:12
1

@Danijel `sub`script, the text that goes below the line (like the 2 in H2O). The "inverse" will be `sup`erscript (like the 2 in x*x = x^2) – Juan CA Sep 18 '20 at 22:42
@JuanCA OK, so it is sort of a hack. – Danijel Sep 21 '20 at 13:08
@Danijel yes, in this case, we could say it's kind of a trick. Other HTML text-formatting tags, like ``old or ``talic can be implemented easier by using markdown. – Juan CA Sep 24 '20 at 10:08

score 3 · Answer 2 · edited Jun 20 '20 at 09:12

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.

score 2 · Answer 3 · edited May 23 '17 at 11:33

2

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).

edited May 23 '17 at 11:33

Community

1
1

answered Oct 27 '14 at 11:55

VonC

1,262,500
529
4,410
5,250

Thanks for reply. But I achieved this by using _... tag. – Dhanu Gurung Oct 27 '14 at 12:52

score -3 · Answer 4 · answered Nov 07 '18 at 06:47

-3

This worked for me:

<font size="+1">Description</font>

answered Nov 07 '18 at 06:47

sqp_125

538
6
21

10

Can you show a working example? This didn't work for me. – GarouDan Mar 06 '19 at 13:55

Change font in Github Flavored markdown for Table

4 Answers4

Linked