Opened 2 years ago
Last modified 13 months ago
#59957 new defect (bug)
Twenty Twenty and Twenty Twenty-One: Details block padding issue when setting its alignment to full-width
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | normal | Version: | 6.3 |
| Component: | Bundled Theme | Keywords: | needs-patch |
| Focuses: | css | Cc: |
Description
Hello Team,
I have worked on the "Twenty Twenty" theme and found that the "Twenty Twenty" theme contains an issue for the "Details" block. The padding is not displaying properly on the back-end side. The front-end side looks good. When we set "Full Width" from the components toolbar group
Here, I have provided screenshots:
Front-end:
Thanks,
Attachments (1)
Change History (4)
#1
@
2 years ago
- Component changed from Themes to Bundled Theme
- Keywords dev-feedback removed
- Summary changed from Twenty Twenty Theme: Details block padding issue when setting its alignment to full-width to Twenty Twenty and Twenty Twenty-One: Details block padding issue when setting its alignment to full-width
The max-width would need to be changed, not the margins.
I think this would work for both themes (in editor styles):
.wp-block-details > .wp-block {
max-width: 100%;
}
Note: See
TracTickets for help on using
tickets.
This issue is happening with Twenty twenty and twenty twenty one also I have applied the patch which can resolve the issue for both the themes.