Opened 5 months ago
Last modified 5 months ago
#63860 new defect (bug)
Twenty Twenty: Pullquote block quotation mark does not align with text alignment options
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | normal | Version: | 5.9 |
| Component: | Bundled Theme | Keywords: | has-patch |
| Focuses: | Cc: |
Description
Steps to reproduce the issue:-
- Activate Twenty Twenty theme.
- Choose Pullquote block.
- Add some text and change the alignment to left or right.
- Add border for better understanding the padding issue.
You can able to see that the quote sign " is not working as per our alignment.
and also padding is missing from left and right sodesign not looks good when border is applied.
Attachments (2)
Change History (5)
#2
@
5 months ago
Seconding reproduction of the quote sign alignment issue - it remains centered while the rest of the block aligns left or right.
One thing to note is that I don't see a place to edit padding in the block settings (this may just be me missing something in Gutenburg, though!) Adding a border shows that there's no internal padding at all, and I can't find a way to add it beyond manually adding a CSS class.
#3
@
5 months ago
- Keywords has-patch added
- Summary changed from Twenty Twenty - Pullquote block having design issue when alignment is used. to Twenty Twenty: Pullquote block quotation mark does not align with text alignment options
- Version changed from 6.8.2 to 5.9
The theme had adjustments to the margin for the left and right block alignments, and that can be reused for text alignment options added in 5.9. These rulesets could also need /*rtl:ignore*/ comments, but for some reason I did not add them in the patch for #53158.
#61321 proposed changing the padding, mainly for Pullquote blocks with border or background colors, and that can be a separate discussion.
One thing to note is that I don't see a place to edit padding in the block settings (this may just be me missing something in Gutenburg, though!) Adding a border shows that there's no internal padding at all, and I can't find a way to add it beyond manually adding a CSS class.
Twenty Twenty is a 'classic' theme, so it does not automatically support the padding controls in the Gutenberg sidebar for blocks such as a Pullquote.
Was able to reproduce bug for quote sign ". Padding top/bottom and left/right works. /2025/08/26/test-pullquote-block/.