[Support request] Use of dynamic typography system – adjust bottom margin for buttons

[Woolf]

Hi,
I activated the customizer option General / Use dynamic typography system. The option to change the font styles are great. But I realized that the clickable blue buttons I use no longer have the bottom margin, what they had in the GP default system I used until then. See link to example page. But in contrast to headings, the adjustable options for buttons lack the option to change the bottom margin.

Unfortunately there is no option displayed anymore to deactivate Dynamic typography system. Is it possible to add the bottom margin option for buttons and make it adjustable in the frontend? If not, alternatively it would help me to know how to deactivate the Dynamic typography system again, so I could use the default way as before.

Regards, Wolfgang

[David]

Hi there,

the dynamic typography option shouldn’t have affected the core buttons in that way, as we don’t add any extra styles at them. However that is odd and i will take a look.

For now you can add this CSS to put some space back:

.wp-block-buttons {
    margin-bottom: 1em;
}

[Woolf]

Hi David,

yes, thank you. If you take a look, maybe there is one thing related. I use GP without dynamic typography system on another website. There is always a margin between images and following text. As you can see on the example page that for both images there is no bottom margin. Maybe you could give me the appropriate CSS for this too? Or should I open a new support topic?

Regards, Wolfgang

[David]

Try this CSS:

.wp-block-image {
    margin-bottom: 1.5em;
}

[Woolf]

Yes, that´s great, thank you!

[David]

You’re welcome

[Author]

Posts