Global Typology Margins

Hi Balbooa,

When starting a website, I like to set up the global items first, Theme-> colours and Theme-> typology.

When setting the typology, larger font styles (H1, H2) naturally require more padding/margin than smaller styles. Currently, Theme -> typology, only has a Padding field, but that one setting is applied equally to ALL styles - so not really useful.

It's very frustrating that the Site->typology does not allow the global setting of padding or margins per style. I've previously raised this, but there's no way within Gridbox unless custom CSS is used.

Because the font margin has to change with the view (smaller margin, for a smaller screen), and it must be possible to change the margin for a style globally, neither library plugins or presets work.

The most intuitive / cleanest solution would be to add "margin" to the Theme-> typology section, so the margin can be individually set for *each* style (just like font size). That would be perfect, and 'feels' the most natural place to make this global change.

Could this please be considered, as being able to globally assign the margin, per typology style, per view - is a crucial configuration.

Many thanks,
Marc

Hello,
Thank you for contacting us

We will take your suggestion into account.
At the moment we can offer you to use presets
www.balbooa.com/blog/gridbox/introductio...idbox-2-4-2-released

Regards,
Vyacheslav, Balbooa.com

Hi Vyacheslav,

Unfortunately, there are a couple of issues with presets:

1) Currently, presets are not global, so if a website had 30 x H2 components with a margin preset, then I decide the margin size needed to change again, I would have to locate and change every individual H2 instance. (Changing the original preset will have no effect on the other components with the same preset.) Without the ability for a preset to change ALL instances of the same preset, this approach is unworkable.

2) A preset saves many properties. For instance, if I had 30 x H2 components with a preset for a specific margin size, but some of those H2 components needed to be centred and some left aligned. Now I need at least two presets for H2 components: margin-and-left, and margin-and-centre.


I've seen a separate request to allow a change to a preset to update all instances of the same preset. If this feature added to Gridbox, yes it would resolve (1) above, but then more presets would be needed for each component (2) to control the combination of styles (margin with different alignments, padding, italics, uppercase - all of which would be saved by a preset)

I feel using presets as a workaround is unnecessarily more complicated to set up and maintain. If margin was added to the Theme->typology settings, so it can be separately applied to each style and per screen view, in my opinion, that would be the most intuitive solution.

Many thanks,
Marc

At the moment there is no other solution, only custom code

Best Regards,
Vyacheslav, Balbooa Support Team

Hi Vyacheslav,

Agreed, it's not currently possible to assign a margin to the different text styles through the editor. However, I believe the functionality to set the margin for text in a responsive way, is a basic need. To easily control and maintain the spacing between headers and text, as the screen sizes, globally across all pages (I.e. through Theme->Typology), would make Grdibox much easier to use and save a lot of time.

Please add this to your feature request list.


All the best,
Marc

We will consider your offer
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team