Ability to "lock" classes

Often I create utility classes such as ".text-center", ".img-right" etc but I often go back to edit an object and mistakenly edit some other property such as color or padding and it applies it to my utility class which then affects all items using that class. I know I can manually change the selector in the pane, but it's just so easy to forget and overlook.

For example, if I had an element with .main-text | .text-center and go back later to edit the text color on the element, it would add it to .text-center.

It would be awesome if we could just "lock" classes or tag them as a "utility class" to prevent accidentally adding unwanted definitions to those classes on the fly. So for the example above, if I were able to "lock" .text-center from being edited, Webflow would instead add the definition to .main-text and not .text-center.


  • Ronnie Duke
  • Jun 6 2019
  • Chris Moore commented
    28 Aug 08:24pm

    I can't believe this isn't a thing yet!

    You really need to be able to lock classes to prevent accidental edits, especially with preset utility classes.

  • Peter Kisters commented
    29 Jul, 2020 02:30pm

    Really need this for classes being used throughout the site, ie. containers or other frequently used ones.

    Maybe it's time to start make distinction between individually styled elements and by class styled elements. These to now too easily blend together, making them vulnerable for human errors.

  • +20