Jekyll kramdown css, text-align works but font-weight doesn't

Asked Jul 01 '19 at 18:33

Active Jul 01 '19 at 18:46

Viewed 93 times

I am trying to modify my code block with css. While an example like this works:

{: style="text-align: center;"}
```
!! WARNING: TERRIBLE HUMOR AHEAD !!
```

(the text becomes centered inside the code block) the font weight just refuses to work

{: style="text-align: center;  font-weight: 900;"}
```
!! WARNING: TERRIBLE HUMOR AHEAD !!
```

How can I make the text inside the code block, bold??

EDIT: Final rendered html

edited Jul 01 '19 at 18:46

asked Jul 01 '19 at 18:33

Ishan Srivastava

1,129
1
11
29

does `font-weight: bold` work? not all fonts support the 900 ("black") weight. – Woodrow Barlow Jul 01 '19 at 18:37
@WoodrowBarlow oh I tried that first, wasn't working at all – Ishan Srivastava Jul 01 '19 at 18:39
okay. what about for text that isn't in a code block (surrounded by the triple-backticks)? (just troubleshooting here) – Woodrow Barlow Jul 01 '19 at 18:41
it would be helpful to see the final HTML markup. – Woodrow Barlow Jul 01 '19 at 18:44
@WoodrowBarlow it works like a charm for other text, even for headings etc – Ishan Srivastava Jul 01 '19 at 18:44
@WoodrowBarlow edited and added the final rendered html, seems like the `` tag in kramdown is suppressing it, as the html turned out to be fine! – Ishan Srivastava Jul 01 '19 at 18:47
quick test: does [this jsfiddle](https://jsfiddle.net/unxkb6rz/) show bold text for you? – Woodrow Barlow Jul 01 '19 at 18:53
that fiddle does show bold for me. so if you don't see it as bold, it's your browser. if you do, it's a stylesheet interaction with the rest of your website. – Woodrow Barlow Jul 01 '19 at 18:54
@WoodrowBarlow it does show bold for me but I guess kramdown classes are a lot more complex and the `highlighter-rouge` must be overriding it somehow, i – Ishan Srivastava Jul 01 '19 at 18:57
or as you can say, taking priority over the `` – Ishan Srivastava Jul 01 '19 at 18:58
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/195821/discussion-between-woodrow-barlow-and-ishan-srivastava). – Woodrow Barlow Jul 01 '19 at 18:59

Jekyll kramdown css, text-align works but font-weight doesn't

0 Answers0