RST: how to decrease font size in code blocks?

Question

I would like to include a code block in a presentation I am preparing with Restructured Text. But the font used in the code block is huge and it can not fit inside resulting code box:

How can I reduce the font size used in code blocks?

What tool do you use to generate output? – mzjn Jun 19 '16 at 06:41 — mzjn, Jun 19 '16 at 06:41
I am using `rst2pdf`. – Luís de Sousa Jun 20 '16 at 06:40 — Luís de Sousa, Jun 20 '16 at 06:40

score 1 · Answer 1 · answered Oct 29 '17 at 22:46

1

Set the fontSize property of the code style in your style file.

e.g.

code:
    parent: literal
    fontSize: 10

answered Oct 29 '17 at 22:46

Rob Allen

12,643
1
40
49

score 1 · Answer 2 · answered Dec 22 '20 at 04:11

1

Some of the builtin themes (alabaster) accept usage of custom.css.

Create _static/custom.css and add the following to adjust the code-block font-size:

_static/custom.css:

.highlight { background: #f8f8f8; font-size: x-small;}

answered Dec 22 '20 at 04:11

monkut

42,176
24
124
155

The names have changed a bit: `div.highlight {background-color: {{ theme_code_highlight_bg }}; font-size: x-small;}`, see https://github.com/bitprophet/alabaster/blob/master/alabaster/static/alabaster.css_t – sfinkens Jan 05 '22 at 15:25

score 0 · Answer 3 · answered Jul 27 '16 at 14:23

You need a layout.html in a dir mysources/_templates and in your mysources/conf.py you need a declaration templates_path = ['_templates'].

In layout.html add a declaration

div.highlight {
    font-size  : 0.8em; /* or another value you prefer */
}

This works for me because I use the html_theme sphinxdoc. Maybe in other themes the declarations differ. If so you must find out the declaration by a html debugger like Inspektor in Firefox or Developer Tools in Chrome or DOM Explorer in IE.

Sorry, I just did not see that you use rst2pdf. My tool is Sphinx. Hope, that my answer gives you a hint anyhow. — Humbalan, Jul 27 '16 at 14:29

RST: how to decrease font size in code blocks?

3 Answers3