ClickCOSMO Smart Classes (Free)

ClickCOSMO Smart Classes is a beginner-friendly WordPress utility plugin that gives you useful prefixed CSS classes for Elementor, Gutenberg, and other page builders.

Instead of writing custom CSS from scratch, you can activate ready-made ccsc- classes from the built-in class library and apply them directly inside your builder.

The plugin is built for clean, controlled output. Classes do not load automatically. You choose which classes are active, and only those active classes output CSS on the frontend.

Free mode includes a limited starter setup with up to 3 active built-in classes from the Visibility and Layout categories.

Premium unlocks the full class library, unlimited active classes, per-page targeting, Advanced Custom Rules, Import/Export, WooCommerce classes, Role classes, updates, and support.

How to Use

  1. Install and activate ClickCOSMO Smart Classes.
  2. Go to Settings → Smart Classes.
  3. Open the Class Library.
  4. Choose a class from the dropdown and click Add Class.
  5. Set the class targeting:
    • Global
    • Selected Pages, premium only
  6. Copy the activated ccsc- class name.
  7. Paste the class into Elementor, Gutenberg, or your page builder’s CSS class field.
  8. Save the page and check the frontend.

Free mode supports up to 3 active built-in classes from the Visibility and Layout categories.

To unlock all categories, unlimited active classes, per-page targeting, Advanced Custom Rules, Import/Export, WooCommerce classes, and Role classes, activate a premium license inside Settings → Smart Classes.