Github pages markdown code block in box

Help
1

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/

2

this is in your css:

.highlighter-rouge {
    color: #ce887b;
    font-weight: 400;
    border: 1px solid #607D8B;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.1rem 0.5rem;
}
3

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

4

no - it’s not a markdown issue it is a css issue. You can edit your css to remove the border info and it should go away.

5

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;
}