I’m using three back ticks for code examples, but the code is rendering with a box around it. How can i render the code differently? Here is an example page: https://carltonw.github.io/how-to-setup-wsl-on-windows-10/

Thanks rdyar - I just found it in my Main.css file and change it to this: .highlighter-rouge { color: #532922; background-color: #98cfd6; font-weight: 400; border: none solid #607D8B; -webkit-border-radius: none; border-radius: none; padding: 0.1rem 0.5rem; }

Github pages markdown code block in box

Help

CarltonW September 20, 2019, 12:14pm 3

I’m new to markdown. Do I just take out the rouge plugin?

Topic		Replies	Views
Rouge inserts <pre> tag and highlights code in index.html "for" loop Help	2	743	April 26, 2021
Show line numbers without changing code blocks style Help	0	1441	April 17, 2017
Mixing code-fencing and {% highlight %} Help	4	1693	December 26, 2017
Problems with Markdown / Syntax Highlighting	2	2416	February 12, 2019
Provide border line in Code Cell in Jekyll Help	1	890	August 21, 2018

Github pages markdown code block in box

Related topics