Opened 12 months ago
Last modified 11 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: | viralsampat | 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 (3)
#1
@
12 months 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.