# Global Stylesheets
The Global Stylesheets property allows you to add your own custom CSS rules when you are unable to find exactly what you need.
{% hint style="danger" %}
You can create as many global stylesheets as required.!!! You can create as many global stylesheets as required !!!
{% endhint %}
{% hint style="danger" %}
The stylesheets are deactivated by default to allow you to try things out before applying them and to have keep a few styles in reserve.
{% endhint %}
{% hint style="danger" %}
No need to minify or prefix your properties, Cwicly creates a minified version of your stylesheet for optimised delivery on the frontend.
{% endhint %}
## Add
This allows you to add a new Global Stylesheet.
* Open the Cwicly Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open the All tab.
* Click ➕ to add a new Global Stylesheet.
* Input a suitable name.
* Click "Create".
* Click name to open code modal.
## CSS Code
The Global Stylesheets property allows you to add your own custom CSS rules when you are unable to find exactly what you need.
* Input required CSS code.
### Edit in Modal
This property allows you to edit your CSS code in modal.
* Click name to open code modal.
* Click Edit in Modal to edit your CSS code.
### Word Wrap
This property allows you to wrap long words on to the next line of code.
* Click name to open code modal.
* Click Word Wrap.
### Beautify
This property allows you to have your code automatically cleaned up and made pretty.
* Click name to open code modal.
* Click Beautify.
### Close Modal
* Click Back to close modal.
## Copy
* Open the Cwicly Global Classes and Stylesheets tab.
* Open the Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Find desired Global Stylesheet.
* Click to open CCS code.
* Click Copy icon to copy.
## Remove
You can remove the Global Stylesheet in two ways.
* Open the Cwicly Global Classes and Stylesheets tab.
* Open the Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Find desired Global Stylesheet.
* Click 🗑 (trash) to remove.
* Alternately,
* Find desired Global Stylesheet.
* Click to open CCS code.
* Click Bin icon to remove.
## Activate/Deactivate
The Global Stylesheet can be activated/deactivated in two ways
* Open the Cwicly Global Classes and Stylesheets tab.
* Open the Global Classes and Stylesheets tab.
* Open Stylesheets tab.
* Find desired Global Stylesheet.
* Click button to activate/deactivate.
* Alternately,
* Find desired Global Stylesheet.
* Click to open CCS code.
* Click activate/deactivate to activate/deactivate Global Stylesheet.
## Search Global Stylesheets
To speed up your workflow, the Search bar allows you to find a Global Stylesheet rapidly and efficiently.
* In the Global Stylesheets tab, find the Search bar.
* Input the name of the Global Stylesheet you wish to locate.
## Select Folder
This property allows you to select the Folder to which you wish to add a particular Global Stylesheet.
* Open the Global Stylesheet which you wish to add to a folder.
* Click "Select folder"...
* Input name of folder (or select in dropdown) to which you wish a Global Stylesheet to be added.
## Folders
From here you can add a Global Stylesheet Folder, search for a particular Folder and visualise, reposition or delete existing Folders.
* Open Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open Folders tab.
### Add
This property allows you to create a new Global Stylesheet Folder.
* Open Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open Folders tab.
* Find Global Stylesheets Folders and click "+" to open the Add Global Stylesheets Folder modal.
* Input a suitable name and click Create.
### Search
The search property allows you to locate a required Global Stylesheet Folder.
* Open Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open Folders tab.
* Input a Folder name in the Search bar.
### Remove
The Remove property allows you to delete a Global Stylesheet Folder.
This does not delete the individual Global Stylesheets.
* Open Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open Folders tab.
* Click Remove icon next to Global Stylesheet Folder to be deleted.
### Open
* Open Global Classes and Stylesheets tab.
* Open Global Stylesheets tab.
* Open Folders tab.
* Click Global Stylesheet Folder to be opened.
### Modify name
You can change the name as required.
### Search
The Search property allows you to locate a Global Stylesheet Folder.
* Input Global Stylesheet Folder name into Search bar.
### Edit
You can edit a Global Stylesheet Folder by selecting the required Folder in the list.
* Open Folders.
* Select required Folder in the list.
* You can now edit the CSS as required.
See [CSS Code](#css-code)
