logseq-dev-theme icon indicating copy to clipboard operation
logseq-dev-theme copied to clipboard

Change Font-Size Code Block

Open Figmenta1991 opened this issue 2 years ago • 1 comments

I cannot find the css parameter to change the code block font size. I can change the "inline code font size" with something such as --ct-inline-code-font-size: 1.5em; But I cannot change, let's say the "out code font size" or the font size of a block of code.

Can anyone help me? Thanks a lot!

Figmenta1991 avatar May 28 '22 18:05 Figmenta1991

Please change font properties in .CodeMirror rules. E.g.:

.CodeMirror {
   font-family: "Fira Mono";
   font-size: ...
}

pengx17 avatar May 29 '22 02:05 pengx17

I have the same problem but css above doesn't work. My problem was solved by using:

.CodeMirror pre.CodeMirror-line,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror {
  font-size: 22px !important;
  line-height: 1.5;
}

Marven11 avatar Aug 07 '22 14:08 Marven11