Support Center
All Categories Updates Docs Advanced Styling

Docs Advanced Styling

Add custom CSS or JavaScript to your site

By Stefan
May 13, 2020

We provide many styling options on the settings page. To apply a very individual design just add your CSS code to the field "Custom CSS". JavaScript code can also be added to "Insert between..."

Please let us know if you need any help.

docs-advanced-styling.png

You find "Advanced Styling" in your docs settings page

Custom CSS

.docs-header {
    /* your styles */
}
example

A list of classes we added to help you with your custom styling

/* Site Classes */ 
#docs-body
.docs-site
.docs-header
.docs-top-menu
.docs-site-overview
.docs-site-category-grid
.docs-site-category-grid-item
.docs-site-breadcrumb

/* Article-List Classes */ 
.docs-site-article-list
.docs-site-article-list-item

/* Article Classes */ 
.docs-article
.docs-site-article-avatar
.docs-article-title
.docs-article-subtitle
.docs-article-body
.docs-article-tags
.docs-article-tags-head

/* Footer Classes */ 
.docs-footer
.docs-footer-menu
Need more classes? Please contact us.

Insert between <head></head>

<script>
    alert('hello');
</script>
example

Was this article helpful?