Streaming live at 10am (PST)

How to remove combo classes?


I was trying to remove unused combo classes, but it doesn’t work. I also tried to refresh the Designer after I clicked “Remove class”, but the unused classes still exist there.

Here’s the Read-Only project: https://test-ece3f5.webflow.io/

Sorry, don’t have your answer, but wanting to follow this to know myself! :slight_smile:

@eep530 - If you are going to post in the feedback category, include a link to your Read-Only project. Thanks.

Wrong concept of Q. When you create combo class webflow generate this class to CSS file.

The status (No way to clean up used class / combo class):
image

example:

Example - create box class (set height/width and bg-color)

The css output:

.base-class {
    width: 100px;
    height: 100px;
    background-color: rgb(222, 96, 96);
}

Now create combo class and change the background to blue

The css output:

.base-class.combo-example {
    background-color: rgb(0, 0, 255);
}
.base-class {
    width: 100px;
    height: 100px;
    margin-left: 15px;
    background-color: rgb(222, 96, 96);
}

.base-class.combo-example “wins” (More specific selector) so the div is blue.

If you want to remove this combo - “remove class” only bring you back to “base-class” (Not removing this combo entirely from your CSS file ==> Project).

Result:

If you want to remove entirely the combo class - remove this from all elements than go to style-manager ==> clean up

image

https://university.webflow.com/article/style-manager/#cleaning-up-all-unused-styles

1 Like

Understand it’s so easy now. I’m a newbie. Thank you so much.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.