Idea from this post: https://forum.webflow.com/t/copy-class-to-new-name/4933/8?u=waldo
"If I could capture all the style elements of this button (nested, secondary, everything) and make a new, independent style (think flattened, rasterized layer in photoshop), that would allow me to pivot easier and try out new variations of a style without manually recreating all of those style factors to keep the style manager clean and semantic."
I really appreciate you taking the time to share this information. It’s exactly what I needed and will be very useful.
The idea of being able to flatten combo class styles into a new class is an interesting one, especially for web design workflows where you may want to experiment with variations of a style without cluttering your style manager. While this functionality may not be directly available in all web design tools or platforms, you can achieve a similar outcome through a few manual steps:
1. Identify the Combo Class Styles: First, identify the combo class styles you want to flatten into a new class. These could be nested styles, secondary styles, or any combination of styles applied to an element.
2. Create a New Class: Create a new class with a name that reflects the flattened style you want to achieve. This will serve as the base for your flattened style.
3. Apply Styles Manually: Go through each of the styles applied by the combo classes and manually apply them to the new class. This may involve copying CSS properties from the combo classes and pasting them into the new class's CSS rule.
4. Test and Refine: Once you've applied the styles to the new class, test it out on your elements to ensure it behaves as expected. You may need to tweak the styles or adjust any conflicts that arise.
5. Delete Unused Combo Classes: After you've created the new flattened class and applied it to your elements, you can consider deleting the unused combo classes to keep your style manager clean and organized.
While this approach requires some manual effort, it allows you to create a new independent style that combines the characteristics of multiple combo classes. Additionally, by keeping the style manager clean, you can maintain a more manageable and semantic structure for your stylesheets.
thanks for sharing the information
Thank you for sharing this post!!!
PLEASE! This is so obvious webflow!
showcasing XDR Pro display 7grand on tutorials and still can't hire someone on fiverrr to deliver this 2014 requested easy feature...Been a customer since your 1st day
I've wanted this for the LONGEST time.
A Outboard Motor up to the fastest Class C racing hydroplanes. ... A Utility BoAt A 14-foot flat bottom dinghy arranged to handle under sail or under power.
NJMCDirect Ticket
+1
Could someone explain why we still don't have this option? It seems like an odd oversight. Will it create some kind of problem I'm not seeing?
Howz bout adding "combine to new class" to drop down menu.
that would be great.
This feature is long overdue. Let's see some features that improve on what makes Webflow great in the first place: tools to help you design faster.
I've also requested this many times directly messaging them. It is desperately needed, with a big site the class system can get messy and sometimes you just need a need class with those styles for interactions and things. I also requested many times the duplicate class function, which I see was also voted on in here and got done. Which has made a HUGE difference, however it doesn't cater for every scenario, such as working on an older site or interactions or just situations you need to go down the class rabbit hole and start afresh on a new flattened-cloned class. Please add.
Thanks for adding to the list Waldo!