Opened 3 years ago
Last modified 19 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: | |
|---|---|---|---|
| Priority: | normal | Milestone: | Awaiting Review |
| Component: | Bundled Theme | Version: | 6.3 |
| Severity: | normal | Keywords: | needs-patch |
| Cc: | Focuses: | css |
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
@
3 years ago
- Component Themes → Bundled Theme
- Keywords dev-feedback removed
- Summary Twenty Twenty Theme: Details block padding issue when setting its alignment to full-width → 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.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
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.