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/
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/
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;
}
I’m new to markdown. Do I just take out the rouge plugin?
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.
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;
}