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:

docs/css/extra.css
mkdocs.yml

    .git-revision-date-localized-plugin { color: red; }

    extra_css:
        css/extra.css