---
cssclass: cornell-left cornell-border banner-image
---

>[!banner-image] ![[banner-gears.jpg]]

# Installing the CSS Snippet
This page shows you how to install the **cornell.css** snippet into your vault, which is needed to provide the unique "Cornell Notes".

Don't worry, you don't need to know CSS to use this solution.

## Install the snippet into your personal vault
>[!cue] Overview

This vault includes a file named **cornell.css**. The **cornell.css** file is a CSS file that contains all the information Obsidian will need to format notes using the *Cornell Notes style*. The file is located in a hidden folder inside the vault called .obsidian/snippets. 

>[!cue] Find the **cornell.css** file

To find the file:
- Open **Obsidian's Settings** 
- Select the **Appearances** tab and scroll to the bottom. You will see this:

  ![[install-settings-appearance.png|600]]
- In the lower right corner, you will see a button with the image of a folder. When you click on this, it opens the "Open snippets folder". This is where Obsidian stores all the custom CSS snippets for a vault. *NOTE: Each vault has it's own snippets folder, that way each vault can be configured to be unique from other vaults on your system.*
- Click on the **Open snippets folder** button and the folder will open. A folder will appear. You should see the cornell.css file in this folder included in this learning vault.
![[install-snippet-in-folder.png]]
>[!warning] Do not edit the contents of this file unless you know what you are doing 🤓.

>[!cue] Install the snippet into your own vault

To install this snippet in your own vault, you basically perform the same steps you just did now to find the snippets folder in the Cornell Notes Learning Vault. You will copy the file **cornell.css** from the previous step, into the snippets folder of your vault.
- Switch to your personal vault
- Go into **Settings** and select the **Appearance** tab
- Scroll to the bottom and click on the **Open snippets folder**
	- The snippets folder for your vault will open.
- Copy the file **cornell.css** file from the *Cornell Notes Learning Vault* snippets folder into your vault's Snippets folder.

>[!cue] Enable the snippets in Obsidian

Now with the **cornell.css** file in your vault, you need to reload the list of snippets and enable the **cornell.css** snippet.
- In the **Appearance** tab, click on the **Reload snippets** button. This button is show in this picture:
![[Install-reload-snippets.png]]
- The **cornell.css** snippet should now appear in the list of snippets. Though it is not enabled yet.
![[Install-disabled-snippet.png]]

- Toggle on the cornell snippet on. Now your settings should look like this:
![[Install-enable-snippet.png]]



>[!cue] Useful Resources

#### **Resources**
Check out the following resources if you want to learn more about CSS and how to use CSS in Obsidian.
- [What is CSS?](https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/What_is_CSS)
- [Obsidian's online help for CSS snippets](https://help.obsidian.md/Extending+Obsidian/CSS+snippets)
