GEN LI asked 5 years ago
I use Gutenberg editor write a blog, I see there's inline code comes really handy whenever I want to put some code inside a paragraph. However, the highlight style I don't like. Is it possible to customize the appearance of the inline code?
1 Answers
Best Answer
Shawn Hesketh answered 5 years ago
GEN LI
replied 5 years ago
Shawn Hesketh answered 5 years ago
The highlight style for inline code (and just about every other element on your site) is determined by the stylesheet in your active theme. You can override the CSS style rules for any element, by adding custom CSS to: Appearance > Customize > Additional CSS
Hope this helps point you in the right direction!
GEN LI
replied 5 years ago Yes, you are right sir.
I managed to change it using the following CSS, this may differ for different Themes I guess.
.entry-content code {
font-family:Consolas,”Andale Mono WT”,”Andale Mono”,”Lucida Console”,”Lucida Sans Typewriter”,”DejaVu Sans Mono”,”Bitstream Vera Sans Mono”,”Liberation Mono”,”Nimbus Mono L”,Monaco,”Courier New”,Courier,monospace;
font-style:italic;
color:#00008b;
background:none;
}