Make WordPress Core

Opened 13 months ago

Last modified 9 months ago

#57154 new enhancement

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

Reported by: abidhasan112's profile abidhasan112 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.1.1
Component: Bundled Theme Keywords: needs-patch
Focuses: css Cc:

Description

  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!

Change History (3)

#1 @poena
13 months ago

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

#2 @poena
13 months ago

  • Component changed from Themes to Bundled Theme
  • Type changed from defect (bug) to enhancement

#3 @SergeyBiryukov
9 months ago

  • Summary changed from Changing Size Preset from Button Typography is not affecting on Twenty Twenty-Three theme's front page "Get in Touch" button to Twenty Twenty-Three: Changing Size Preset from Button Typography is not affecting on front page "Get in Touch" button
Note: See TracTickets for help on using tickets.