Ability to select the base class on each breakpoint

If I e.g. have a card class "Tresbox" and combo classes "Green" to give the card a different color, and I then want to change the card width from 50% in the desktop breakpoint to 100% in the tablet breakpoint.

Right now there is no way to select the "Tresbox" class while working in the tablet breakpoint. The designer only offers to go back to the desktop breakpoint. I have to remove the "Green" class, do my edits to the other break points and add the combo class again. If I want to change anything I have to remove again, edit, add again.

 

  • Christoffer Furnes
  • May 12 2017
  • Admin
    Webflow Team commented
    May 16, 2017 23:19

    I run into this all the time. Usually have to remove the combo class, style it, then re-add the combo class. It's tedious. 

  • Matthew Sanderson commented
    October 16, 2017 14:36

    I run into this all the time.

    If I'm using lots of utility and combo classes, rather than remove them aIl, style then add classes again, I usually add a new element, give it the class I want to style, do the styling then delete the object.

    Either way – as Sergie says, tedious is the word.

  • Kalan Howse commented
    31 Mar 21:21

    Wishlist created on May 12 of 2017? That's nearly 2 years ago.

    I've just come across this issue and am extremely surprised that it is a 'problem'.

    This proposed feature should be fixed/added ASAP as it's an integral part of classes and how Webflow markets their style guide.

     

    ps. the reason why I am commenting on this Wishlist item is that I have been directed by a current staff member to come and have a look at this link. Fingers crossed.

  • Kyle Schmitz commented
    09 Apr 13:59

    Couldn't agree more. I had a case where I had the base class for an .item, then a class for the .item-width and then a class for the .item-image. There was no way to select .item or .item-width at the Tablet (or lower) breakpoint.

    I have found that doing my best to stick with just 2 classes makes life easier with Webflow, but for larger sites I can see how this would be a deal breaker.

    But, Matthew's solution works well. I would just toss a Div on the page and I could apply and reapply the first two classes (.item and .item-width) freely and with that Div selected, adjust properties while viewing the original element I wanted to style.

  • Izsi Salmon commented
    26 Jul 00:41

    This is absolutely crucial to clean styling and good developement practices. Webflow claims that it's made for developers but when it has errors as basic as this, it makes it impossible for developers to use it properly.

    Webflow is way too over priced for such cheap service. I can't believe this issue is over two years old.