Skip to content

Apply custom styling

You can change the appearance of the revision dates by including extra CSS to your mkdocs site.

CSS Classes

To allow for easier styling date outputs are wrapped in <span> elements with the classes git-revision-date-localized-plugin and git-revision-date-localized-plugin-{type}, where {type} is replaced with the type set in the plugin settings (see options).

For example when type: datetime is set, using the following in a markdown file:

Last update: {{ git_revision_date_localized }}

Could output the following HTML:

Last update: 
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-datetime">28 November, 2019 13:57:28</span>

Customizing a class

Making all revision dates red is as easy as:

.git-revision-date-localized-plugin { color: red; }
extra_css:
    css/extra.css
Authors: Tim Vink