Custom Scripts
Fully customize your documentation with custom CSS and JS
Add custom CSS and JavaScript to your documentation to fully customize the look and feel.
Custom CSS
Add CSS files to your repository and their defined class names will be applied and available in all of your MDX
files.
Adding style.css
For example, you can add the following style.css
file to customize the styling of the navbar and footer.
Using identifiers and selectors
Mintlify has a set of common identifiers and selectors to help you tag important elements of the UI.
Use inspect element to find references to elements you’re looking to customize.
References and the styling of common elements are subject to change as the platform evolves. Please use custom styling with caution.
Custom JavaScript
Custom JS allows you to add custom executable code globally. It is the equivalent of adding a <script>
tag with JS code into every page.
Adding custom JavaScript
Any .js
file inside the content directory of your docs will be included in every documentation page. For example, you can add the following ga.js
file to enable Google Analytics across the entire documentation.
Please use with caution to not introduce security vulnerabilities.