Why do global classes show up as combo classes in the style manager panel in Webflow?

Published on
September 22, 2023

Global classes show up as combo classes in the style manager panel in Webflow for the following reasons:

  1. Efficient CSS organization: Webflow's combo classes feature helps to keep the CSS codebase organized and easy to manage. By allowing global classes to show up as combo classes, it prevents the style manager from becoming cluttered with duplicate styles.

  2. Cascade and override: Combo classes in Webflow are used to override or add to the styles defined by global classes. When you apply a combo class to an element, it will inherit the styles from the global class and then apply any additional styles specified in the combo class. This allows for greater flexibility in customizing the appearance of individual elements while still maintaining the base styles defined by the global class.

  3. Reuse and consistency: Global classes in Webflow are designed to be reusable across multiple elements, providing a consistent styling throughout the website. By showing global classes as combo classes in the style manager, it allows you to easily identify which styles are being applied to an element and maintain a consistent design across your project.

  4. Organization and discoverability: By showing global classes as combo classes, Webflow provides a more organized and discoverable way to manage styles. Instead of having a long list of global classes, the style manager groups related styles together under a combo class. This makes it easier to find and apply the appropriate styles to elements in your project.

Overall, displaying global classes as combo classes in Webflow's style manager panel helps to streamline the design process, improve CSS organization, and maintain a consistent look and feel throughout your website.

Additional questions:

  • How do I create a global class in Webflow?
  • Can I apply multiple combo classes to an element in Webflow?
  • Can I change the order of combo classes in Webflow?