Admonitions not displayed correctly

[Susi-SiSo]

In the PDF generated with this plugin, the admonitions are not displayed correctly: the icon is displayed over the text (see attached screenshot).

How can I fix this?
Thx.

[Thiti517]

I had the same type of issue and found a fix in issue #89. Can you check if it works for you?

to summarize...

1. create a css file (docs/assets/styles/pdf-admonition-fix.css) and fill it with this code (from issue Admonitions do not render in PDF output - mkdocs-material v8.0.2 #89)

@media print {
    /* admonition overrides */

    /* admonition icon */
    .md-typeset :is(.admonition-title,summary):before {
      top: 0.6rem;
      left: 0.6rem;
    }

    /* left border
    .md-typeset :is(.admonition,details) {
      border-left-width: 0.1rem;
      padding: 0rem 0rem 0rem 0rem;
      margin-left: 1rem;
    }

    [dir=ltr] .md-typeset :is(.admonition,details) {
      margin-left: 1rem;
    }

    html .md-typeset :is(.admonition,details)>:last-child {
      margin-left: 0.6rem;
    }
 */
}

2. add the path to file as a new extra_css entry in mkdocs.yml :

site_name: My Docs
...
extra_css:
  - 'assets/styles/pdf-admonition-fix.css'
...

All credits goes to :

• cmaurer
• santaimpersonator

[Susi-SiSo]

Thank you! I tried it, but it didn't work. This might have to do with my other problem: changes in stylesheets don't apply at all, no matter whether I edit existing stylesheets or add a new one in the templates folder and refer to it from the - with-pdf: attributes in mkdocs.yml. Does anyone have an idea why this is? Thank you!

[Susi-SiSo]

It did work!!! :-) Thank you! I just had a wrong path to the stylesheet. Great!!