> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/global-styles/global-classes-and-stylesheets/global-classes.md).

# Global Classes

<figure><img src="/files/0KekxuBTaw06ahnF1ZZv" alt=""><figcaption></figcaption></figure>

Global Classes allow you to visually create & manage your own classes independently from any block and apply them anywhere and everywhere. They can be created, removed or copied

{% hint style="warning" %}
A Global Class can only be removed directly from the global style sheet panel.
{% endhint %}

## Add

### From Global Stylesheet Panel

* Select a Cwicly block.
* Open the Global Classes and Style Sheets tab.

![](/files/1oyutALBsnfAyB85J9cU)

* Open Global Classes tab.

![](/files/OE9Smq1XgLiHScEOqoha)

* Open All tab.

![](/files/rSFcjTKLdtXtv709LsBJ)

* Click ➕ to open the Add Global Class Modal.

![](/files/C7UzxifZ2Wzh3uTVDmc5)

* Input Global Class name.
* Click Create.

<figure><img src="/files/Zd0TjWio8UZSEbaz7FuA" alt=""><figcaption></figcaption></figure>

Now you can set up your Global Style as required. You can modify the name, copy, paste, reset and delete your Styles.

![](/files/SAR285XaeUH1x5tZVq8r)

### From Block Inspector

* Select a Cwicly block.
* Open the Block Inspector tab.
* Open the Primary tab.
* Click ➕ under the Class/ID field to open the Classes modal.
* Input Global Class name or search for required Class.
* Click 'Create' or press enter to create.

<figure><img src="/files/Bd0NoDJsgHvesbUXbyuV" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/upN2xryqdW2pahdOruNW" %}
[Global/Block Classes](/cwicly/classes-and-ids/global-block-classes.md)
{% endcontent-ref %}

## Modify Name

* Modify name in Name field as required.

![](/files/LQs0JPmoLEEnEzQrqIuR)

## Copy Element or Styles

This property allows you to copy and element or style that you can paste as required.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Click the Copy icon next to the Element or Styles name you wish to reset.

![](/files/29dc1irJKzOICWAlonPL)

## Paste Styles

This property allows you to copy and element or style that you can paste as required.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Click the Paste icon next to the name where you wish to paste your Styles or Elements.
* Paste using keyboard shortcuts (Command V, Control V).

![](/files/7iHluDS4qLDV09IkwthO).    ![](/files/u6Kn6yCjCixvWgl3DCuv) &#x20;

## Reset

A Class can be reset from the Block Inspector.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Click the Reset Class icon next to the Class name you wish to reset.

### ![](/files/44CjOowgWQE9m0mog8g0)

## Delete

A Class can be removed from the Block Inspector.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Click the Delete Class icon next to the Class name you wish to delete.

![](/files/JB75j0zXWDFWYlNyLmbu)

## Select Class Folder

If you have organised your classes into Folders, you can Select the appropriate folder in the Global Classes tab.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Click "Folders" to open the folder modal.
* Select required folder in the dropdown.

![](/files/qC1uhREODY7BMNxgR9x9)

## Drag

This property allows you to reorganise and change the order of your Global Classes.

* Open Global Classes and Style Sheets tab.
* Open Global Classes tab.
* In "All", find the Global Classes you have added.
* Drag to reorder as required using the Drag icon.

![](/files/x41bvSCQTO6v3D29qM4a)

## Duplicate

The Duplicate property allows you to duplicate or clone an existing Global Class.

* Select a Cwicly block.
* Open the Global Classes and Style Sheets tab.
* Open Global Classes tab.
* Find desired Global Class.
* Click Duplicate icon to duplicate

![](/files/PQCa3dEJxRdRRdJUvTMm).&#x20;

The duplicated or cloned Global Class will now appear in the Global Class list.

![](/files/V2b8dychLEYlEos2MWhp)

## Delete

The Delete property allows you to remove a Global Class.

* Open Global Classes tab.
* Find desired Global Class.
* Click the Delete icon to remove the Global Class.

![](/files/LqBfkNsYZPyGxdGhsaq3)

## Global Classes Folders

You can create Folders to contain and organise your Global Classes.

* Open the Global Classes and Stylesheets tab.
* Open the Global Classes tab.
* Open Folders.

![](/files/4kMb62fEdOU8uBRxIINn)

### Add

This property allows you to add Global Classes to a Folder to keep them organised.

* Open Folders.
* Click the "+" sign next to Global Classes Folders to open the "Add Global Class Folder" modal.

<figure><img src="/files/hoDd43s8IiyTRd7UW70T" alt=""><figcaption></figcaption></figure>

* Input a suitable folder name and then click Create.

<figure><img src="/files/dxtHnzzmeMnpGN06W2YQ" alt=""><figcaption></figcaption></figure>

### Folder Search&#x20;

The Search property allows you to quickly locate your Global Class Folders using the Search bar.

* In the Folders tab, input Folder name in the Search bar to locate the required folder.

![](/files/bWqUpOHCzFZO7T8Yq5l5)

### Open&#x20;

You can open a Folder to modify the Folder name and visualise, modify or delete a Global Class contained in a Folder.

* In the Folders tab, click the Folder name you wish to open.

![](/files/vvxAq1vYy3pypa9Vhp2z)

### Modify Name

* In the Name field, delete old name and input required name.

![](/files/meWviiSlWANTs6sPkIRN)

### Global Class Search

Allows you to locate a Global Class within a specified folder.

* Open Folder you wish to search.
* Input required Global Class name into Search bar.

![](/files/s4azqa7PV3Tfwisso7jv)

### Edit Global Class

You have the possibility of editing a Global Class from a Global Class Folders.

* Select the Global Class you wish to edit.
* Make the required changes from the modal.

![](/files/sKYmjEMJmkf6r5jvJPtE).    ![](/files/VTy2gOzuweVgdLXWDapM)

### Remove Global Class

From a Global Class Folder, you can remove a Global Class from the folder.

{% hint style="info" %}
When you remove a Global Class from a folder, it is only deleted from the folder but still exists.
{% endhint %}

* Find the Global Class you wish to remove.
* Click the "Remove from folder" icon to remove the Global Class from the folder.

![](/files/iPfpf4i37YdtwX3Rjjr3)
