Links

Classes

The Class attribute is mainly used as a formatting tool: it will be used to apply styles to the elements that it contains.
You can apply the same class to as many elements as you want across your website. They will all share the same style properties.
Find Class name
To find the Class name of a selected block:
  1. 1.
    Select a block
  2. 2.
    Open the Block Inspector
  3. 3.
    Navigate to the Primary tab
  4. 4.
    Find the Class Name property

Classes

Create Class name

The class name for the selected block should always be unique. If you want to use virtual classes, you can do so via the Virtual Classes field.
Whenever you insert or create a block, a unique class is automatically created and applied to the element.
That's it! Cwicly doesn't rely on user class creation, preferring to have a unique class created for every block.

Edit a class

  • Class names must start with a letter
  • Class names should be descriptive
  • Class names are case-insensitive: "cwicly" = "CWICLY"
  • Class names should use hyphens for phrase/compound words
Since classes are specific to each block, modifying their name or properties will have to be done via the block they are related to.
Rename
  1. 1.
    Select a block
  2. 2.
    Open the Block Inspector
  3. 3.
    Navigate to the Primary tab
  4. 4.
    Double-click the class name in the Class Name property and rename it. Make sure it is unique.
Edit class attributes
  1. 1.
    Select a block
  2. 2.
    Open the Block Inspector
  3. 3.
    Navigate to the Primary tab
  4. 4.
    Edit style properties

Remove a class

Since classes are bound to a specific block, deleting that block will automatically remove the class from your website.
Make sure no blocks are using the class in the Virtual Class field before removing the block containing the class you want to remove.

Add multiples classes to a block

If you want to use classes from different blocks on a specific block, check out virtual classes.

Virtual Classes

After you've created a block and added styling to it, you might want to reuse that styling on other blocks without affecting their own unique styles.
This is where Virtual Classes come into play.
Instead of duplicating styles from a block to another block, Cwicly lets you add as many existing classes as needed to the selected block.

Add a virtual class

When typing in the Virtual Classes field, suggestions with existing classes will appear.
Add
You can add Virtual Classes to elements by typing in a new class name in the Virtual Classes field.
  1. 1.
    Select a block
  2. 2.
    Open the Block Inspector
  3. 3.
    Navigate to the Primary tab
  4. 4.
    Add the existing class you want to the Virtual Classes field and press Enter
Remove
  1. 1.
    Select a block
  2. 2.
    Open the Block Inspector
  3. 3.
    Navigate to the Primary tab
  4. 4.
    Find the class you want to remove and click on the cross. The class will then be removed from that block, but will still exist in its parent block.