# External Classes

External Classes allow you to import different class selectors from multiple external sources. This is useful when working with an external CSS framework or with utility classes that you might not have/want to modify from within Cwicly.

{% hint style="info" %}
Activate/Toggle External Classes Folders/Classes by toggling the red/green dot
{% endhint %}

You can find and use External Classes in the Virtual Classes field available in every Cwicly block.

## External Class Folder

External Classes are contained within separate folders, allowing you to organise the different external stylesheets you may be dealing with.

### Add 

* Select a Cwicly block/Toggle the Cwicly Global Styles panel.
* Open the Global Classes and Style Sheets tab.
* Open the External Classes tab.
* Click ➕ to add a new External Class folder.
* Input a suitable name and click "Create".

## External Class

### Add

You can add classes to your External Class folder.

* Select required External Class Folder.
* Click the "+" icon to add a new External Class.
* Input required External Class name.

### Remove 

You can remove an External Class from a folder.

{% hint style="info" %}
This will not delete the External Class but simply remove it from the folder.
{% endhint %}

* Click the Remove icon next to the External Class to be removed from a folder.

### Colour

To help you find your external classes quickly, you can add a colour indication (per folder) that will highlight all classes belonging to that specific folder.

* Select a Cwicly block/Toggle the Cwicly Global Styles panel.
* Open the Global Classes and Style Sheets tab.
* Open the External Classes tab.
* Find your desired Folder.
* Open the colour picker by clicking on the colour circle.
* Select a suitable colour.

### Import

This property allows you to import an External Class or List.

* Open the Global Classes and Style Sheets tab.
* Open the External Classes tab.
* Click import icon to open the Input Stylesheet Classes/List modal.
* Paste stylesheet/list in the appropriate window.
* Click Import.

### Reset

* Select a Cwicly block.
* Open the Global Classes and Style Sheets tab.
* Open the External Classes tab.
* Find external class folder to be removed.
* Click bin icon to remove.

### Activate/Deactivate

This allows you to Activate/Deactivate an External Classes by toggling the red/green dot.

* Select a Cwicly block.
* Open the Global Classes and Style Sheets tab.
* Open the External Classes tab.
* Find external class folder to be activated/deactivated.
* Toggle on/off as required .


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cwicly.com/global-styles/global-classes-and-stylesheets/external-classes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.