CSS: How to change the style of code?

[roland-KA]

I've made a CSS-file based on the gaia template (i.e. I did an @import 'gaia'; in my CSS file).

Among other things, I wanted to change the background color and the font color for code blocks, using the following specification:

code {
  background-color: ghostwhite !important;
  color: black;
}

This works fine for a multiline code block. But when I'm using a code fragment inline, then only the text up to the last character gets the ghostwhite background and the rest of the line remains in the color defined by the gaia template.

It looks e.g. like this:

How can I get the complete line with the ghostwite background?

[yhatt]

pre, code {
  background-color: ghostwhite !important;
  color: black;
}

Generally CommonMark transforms the code block in Markdown to the <code> element within the <pre> element. Try styling both pre and code with the same color style.

[roland-KA]

Thank you very much, that works!