Back to updates
Enhancement
Designer

Search CSS classes in the Style Manager

No more memorizing all your project classes. Now you can search classes by their property, color, or name — all from the Style Manager.

Search CSS classes in the Style Manager

<p>Following up on our previous Designer enhancement allowing you to <a href="<https://webflow.com/feature/preview-the-css-properties-of-classes-in-the-style-manager>">preview the CSS properties of classes</a>, you can now search classes by their names, properties, and values – all from the Style Manager.</p><p>Today, finding the exact class you want is a manual effort for users who build projects with large amounts of classes – unless you can remember the class name.&nbsp;</p><p>This is especially true if you're coming into a new project that you’re unfamiliar with, where navigating classes becomes time-consuming and quite the guessing game.&nbsp;</p><p>But what if you could find classes more easily?&nbsp;</p><p>Imagine if you could find a specific color value to change (such as #FF0000; red), or if you could find classes with a specific property that you’d like to remove (like the box-shadow property).&nbsp;</p><p><strong>Our newest CSS Search enhancement brings all of that (and more) to life.</strong></p><p>Not only can you find the class you want through class name or property, but you can also search the values applied to a class – like text values (ex: blue, hidden, none), color values (ex: RGBA, HEX, or HSB), or numerical values (ex: 100, 10).&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d61db4e8dafa144e3fee32c5f0a0195dee49.jpeg>" width="auto" height="auto" loading="auto" alt="If you want to see this in action today, just open up the Designer and give it a try. It’s never been easier to navigate and launch your project. If you need a refresher on all the in’s and out’s of the Style Manager, be sure to check out our newly updated Webflow University article – happy building!"></div><figcaption>Now you can search classes by their property, color, or name all from the Style Manager.</figcaption></figure><p>If you want to see this in action today, just open up the Designer and give it a try. It’s never been easier to navigate and launch your project. If you need a refresher on all the in’s and out’s of the Style Manager, be sure to check out our newly updated <a href="<https://university.webflow.com/lesson/style-manager>">Webflow University article</a> – happy building!</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:300px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="300px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d5f9OPiQB-tTk9fNKWVRB7JKCvIvL9SgkQAfj4pTf6UEsb8QtaKFl-AQuWPhlnIupQLxZtkDIcBMH6b5QL04xt6vDXm5CF5XS7wmbP2QIJradUgCJnqgIym5jYjFfGlpxDgtIPWV.gif>" width="auto" height="auto" loading="auto" alt="Now you can search classes by their property, color, or name all from the Style Manager. "></div><figcaption>No more memorizing all your project classes</figcaption></figure>


Launched on
March 17, 2022
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more