Twenty Twenty One: Pullquote Block: Font Size Change Not reflected in editor and Frontend

[nithins53]

In the Twenty Twenty One theme, when we add a pullquote block and change the font size, the change is not reflected in the editor nor the front end.

Steps to replicate:

1. Activate Twenty Twenty One Theme
2. Insert Pullquote block
3. Change Font Size

For more information, screen recording link attached below.

​https://www.loom.com/share/df25f75841154901a5482d4a4fb0e75a

Thank You.

[umesh84]

added patch

[audrasjb]

Hello, thanks for the ticket and the related patch,

It would be nice to test this patch with a previous version of WordPress (like 5.6 for example) to make sure removing these css variables is not breaking existing sites.

Thanks

[kajalgohel]

Hello @audrasjb,

I have reproduced this issue on WP 5.9 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 firefox.

Steps to reproduce:
1: Activate the Twenty Twenty One Theme on WP 5.9
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, I provide video attachment link
Video link: ​https://share.cleanshot.com/n8CUpxnw249M6Jfamp4e

Thank you.

[audrasjb]

Thanks for testing this @kajalgohel!
However we also need to make sure it doesn't break existing websites with existing typography changes on existing blocks :)

[adamwood]

I've tested the patch with WordPress 5.6.8 and the latest version of the Twenty Twenty One Theme installed, and the patch does indeed break the styling of existing Pullquotes. The size of the text goes from 32px without the patch to 20px with it applied.

Editor before:

Editor after:

Post before:

Post after:

As you can see on 5.6.8 there are no font size controls for this block. Looks like we'll need a different solution for this sorry.

[nithins53]

@adamwood Thank you for testing the patch. Yes, we need some other solution to fix this issue.