Ability to flatten combo class styles into a new class

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."

  • Waldo Broodryk
  • Jan 23 2017
  • Zachary Krause commented
    25 Dec, 2024 07:44am

    Awesome and interesting article. Great things you’ve always shared with us. Thanks. Just continue composing this kind of post.


  • Jerry Schubert commented
    17 Dec, 2024 10:23am

    Thank you for sharing this information...

  • Roslyn Maina commented
    29 Jul, 2024 04:36am

    I really appreciate you taking the time to share this information. It’s exactly what I needed and will be very useful.

  • Mark Bridges commented
    12 Apr, 2024 06:37am

    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.

  • Janet Goldsberry commented
    8 Apr, 2024 10:28am

    thanks for sharing the information

  • Tracy Riley commented
    5 Apr, 2024 07:27am

    Thank you for sharing this post!!!

  • Lennart Hennig commented
    20 Sep, 2023 03:40pm

    PLEASE! This is so obvious webflow!

  • Mehnz commented
    25 Apr, 2023 02:29am

    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

  • Robert Holtz commented
    14 Jul, 2022 05:34am

    I've wanted this for the LONGEST time.

  • Lonnie Kuhn commented
    25 Nov, 2021 10:32am

    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

  • Mario P. commented
    22 Oct, 2021 08:53pm

    +1

  • Kenneth Rowe commented
    5 Jan, 2021 04:49pm

    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?

  • Matthew Craig commented
    26 May, 2020 11:39pm

    Howz bout adding "combine to new class" to drop down menu.

    that would be great.

  • Ali Abbas commented
    6 May, 2020 09:26am

    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.

  • D P commented
    27 Sep, 2017 10:27pm

    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.

  • Craig Keeling commented
    23 Jan, 2017 08:57pm

    Thanks for adding to the list Waldo!

  • +16