CSS Snippets

A snippet is a piece of reusable code, and a CSS Snippet "CSS (Cascading Style Sheets) + Snippet" is a set of utilities and interactive examples for CSS3. It helps create the frequently used layout templates.

Why are CSS snippets used?

CSS snippets or any code snippet,s are used to save time in development.

An example of a CSS snippet
.shadow {
box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}

The above CSS snippet can make your borders and images stand out on your page.

How do I customize CSS using CSS snippets in the Document360 Knowledge base site

  1. In the Knowledge base portal, click Settings → Knowledge base site → Custom CSS & JavaScript.
  2. You can find the Custom CSS and Custom JavaScript tabs. Click the Custom CSS tab and click the "Snippets" button right underneath it.

For more information, you can read our CSS snippet articles.

You can also use other snippets other than the preloaded Custom CSS snippet.

For example, if you need to make modifications to your images and borders, you can use the below snippet inside your code block.

1_Screenshot-Using_custom_CSS_in_your_Knowledge_base

  1. Click Ctrl + S (or other equivalent key shortcuts) inside the Custom CSS code block to save the changes you made.