Twenty Twenty: Pullquote Block font-size issue

[kmadhak]

When we choose a Pullquote block in editor side and change the font-size of "Add Quote" and "Add Citation" text then it is not reflected.

Steps to replicate:

1: Activate the Twenty Twenty Theme
2: Add Pullquote block
3: Add "Add Quote" text and "Add Citation" text
4: Choose Typography Size Option

for more information I provided a video
Video: ​https://share.cleanshot.com/YFEvesCAX75U534X1xXR

Thank you.

[nidhidhandhukiya]

after applying this solution issue is resolved.

[harshvaishnav]

I have reproduced this issue on WP 6.0 and the issue is resolved with the given patch and works fine. Checked this issue on cross browsers as well and it is working well with latest versions of chrome, safari and fire fox.

Steps to reproduce:
1: Activate the Twenty Twenty Theme on WP 6.0
2: Add 'Pullquote' block
3: Add "Add Quote" text and "Add Citation" text
4: Choose Typography Size Option and change font size

For better understanding, please find below attached video explanation:
Video: ​https://screencast-o-matic.com/watch/c31Di6V35GA

Thank you.

[sabernhardt]

#56871 was marked as a duplicate.

[sabernhardt]

#60339 was marked as a duplicate.

[sabernhardt]

inherits font size when the block has custom class or inline style (on front end)

[sabernhardt]

I did not find a need to update the editor styles, but the patch sets the Pullquote block's paragraph to inherit its font size from the block setting (and keep the default as it is).

[shailu25]

Patch Updated

[shailu25]

55975.1.patch is Working fine & Font issue is resolved with patch.

However, there are still issues with letter spacing and font weight on the frontend. Therefore, I have updated the patch.

[karmatosed]

Let's get some testing on this as we seem to have two patches going on @sabernhardt and @shailu25 if you can confirm which you want going forward after testing please.

[sabernhardt]

55975.2.patch​ increases the scope of the ticket, but it would be nice to adjust for all three properties in the same commit.

Could you make a few changes?

• The new front-end styles would belong a few lines earlier, before the "Solid Background Color" comment.
• The Pullquote section of editor-style-block.css could add a rule to account for custom Letter Spacing in the editor (possibly before the .editor-styles-wrapper .wp-block-pullquote__citation line).

[shailu25]

Yes, I Will update the patch.

[shailu25]

Updated patch.

[shailu25]

I have updated the patch to include both changes as suggested in the above comment.)

[karmatosed]

Thank you everyone. I am going to test this and see about progressing the journey of this ticket.

[karmatosed]

I can confirm this patch works so going to look to commit, thanks everyone.

[karmatosed]

In 58908:

Twenty Twenty: Fixes pullquote block font size not changing.

The pullquote block was not reflecting the size changes. This also accounts for letter spacing in the editor.

Props kmadhak, SergeyBiryukov, nidhidhandhukiya, harshvaishnav, sabernhardt, shailu25.
Fixes #55975.