New Responsive: Padding Controls in Styles Tab

Yay! Thank you :pray: it’s working again perfectly

We’ve just deployed a fix, very sorry for the delay! Please let us know if you’re still encountering this behavior.

3 Likes

Many thanks to the entire Bubble team for the quick response and fixes. Everything is now displayed correctly. Great. :mechanical_arm: :mechanical_arm: :mechanical_arm:

@kathleen

With these new changes I was wondering if it’s on the Bubble roadmap to look at creating a ā€˜classes’ style system similar to Webflow?

Adding padding/margin controls to the current style settings is helpful, but rather inflexible and I can see myself regularly having to override these with custom values and/or having to build out lots of different styles with slightly different settings which is inefficient.

Giving us the ability to create and override the base style settings with ā€˜combo’ or ā€˜global’ classes (e.g.ā€˜No margin’, ā€˜16px padding’) will provide a huge amount more flexibility and lead to much better design. I appreciate this is a significant change to the current system, but recognising the functionality the new responsive engine unlocks - you should be thinking ambitiously about a ā€˜new styles engine’ to bring Bubble closer to the industry-leader in web design.

2 Likes

@kathleen, is it an option to have the padding settings behave the same way other styling settings behave / are configured?

  1. When there is no style set* for the element, adjust the settings in the element details.

  2. When a style is set for the element, the padding can be adjusted in the style details.

Great :partying_face:

Hi! I’m new here, but wanted to mention a possible bug. It seems every time I change my style it automatically changes my padding as well and does not let me reverse to my previous padding settings. I’m currently having to memorize my padding settings, since when change styles (as my style is set to 0 padding) get set to 0 once I change styles and there is no reverse button. It seems that the override is not working so please revise this. Thank you.