I want to change markdown single backtick highlight color with css

1

I am not sure if my question is clear as I have no idea about css.

I want to change the markdown single backtick highlight color in Hugo theme. for example:

In the picture below, the backtick characters ‘hugodocs,info’ is pink background and red font.

Screen Shot 2017-06-28 at 23.28.54.png730×236 21.7 KB

How can I change the background color and fond color in css?

Thanks a lot.

2

Hello @bin_wang,

this question isn’t really Hugo-centric. Nonetheless, such inline code blocks are wrapped by the <code> tag when being parsed.

In CSS you can select all code tags and define it’s color as follows:

code {
  color: #c7254e;
}

The color is defined as a hexadecimal RGB color. Change it as you like.

1 Like
3

Thanks a lot @digitalcraftsman.