Twenty Twenty-Three: Changing Size Preset from Button Typography is not affecting on front page "Get in Touch" button

[abidhasan112]

1. Go to Appearance > Editor > Styles(top right corner) > Typography > Buttons
2. Change the values(ie. S, M, L, XL, XXL) from Size Preset
3. Check the "Get in Touch" button from the left side preview. That's not affected by the size changes.

Here is the video as well: ​https://youtu.be/UcOcMcHGK9s

Thank you!

[poena]

Hi Abid!
Thank you for the report and the video.

Like you mentioned and illustrated in the video, the settings in the Styles sidebar in the Site Editor are defaults: If you add a new button, the updated font size will be used correctly.

If a button already has a font size set in the block settings sidebar or in a template or pattern, then that size is used instead of the default.

In Twenty Twenty-Three, the designer has chosen to use the small font size.
The font size is part of the markup:

<div class="wp-block-button has-custom-font-size has-small-font-size">
<a class="wp-block-button__link wp-element-button">Get In Touch</a></div>

To change the size, the individual block can be selected and the size changed in the block settings.
-This works the same for all block themes, and it is not limited to the font size setting.
Therefor, this is not a bug.

It would be great if we could come up with a better way to communicate this to users so that editing is less confusing.

---

If we want to remove the small font size from the button in Twenty Twenty-Three, then we need to remove the font size in this block pattern: call-to-action.php line 21 and 22