So I've been testing the feasibility of me making a template purely from using a DnD area in a template and I've noticed 1 crucial thing:
No responsiveness options
Even without responsive options, adding an option to insert custom classes into sections would solve most issues.
So take this as an example:
I have 2 sections on the site:
Full-width banner carousel
Centered block with 3 columns
Now with the new DnD sections, there's an option to make the sections Centered with a set max-width. However, each section's styling is applied within a generated stylesheet and only applies to that specific section. This is fine on desktop, but when you go to mobile views, you won't have any control as the only common class is dnd-section
This means I can only either:
Add padding to all dnd-section classes in mobile which will cause the full-width section to have unwanted padding.
Have no padding at all have the sections touch the edge of the page once you go below the set max-width
This could all be solved by adding an option in Sections to allow custom classes.
Without this, it's actually easier to make the template in the standard drag and drop editor and use flexible columns as I will need to manually code each section block regardless.
Like others above I've had to code modules that the basic built-in ones would be able to do just fine if only they could have CSS Classes. This feature would massively benefit web designers (like those on my team) who know a bit of CSS but don't want to fully on jump into coding modules just to give their a specific column rounded corners...
In finding this thread I found several others on the way asking for the same thing - hopefully HubSpot recognise the demand soon.
(It's also weird that a basic feature like this is missing if HubSpot want to compete with Wordpress et al.)
All I can say is LOL. Corporate schmucks cannot be bothered with keeping up with basic quality of life features, which were industry standard in 2010. They have to push the revenues into marketing. The usual these days
So there's no way to do this? I'm flabbergasted. I'm using row-number-30 but this seems to randomly change and then I have to update my CSS. I don't see why I can't just add a class to a section and call it a day. Extreme oversight.
