Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change Background color of paragraph block has different effect in styles and page-editor #38141

Open
burnuser opened this issue Jan 21, 2022 · 1 comment
Labels
[Block] Paragraph Affects the Paragraph Block [Type] Bug An existing feature does not function as intended

Comments

@burnuser
Copy link

Description

Test with 5.9-RC3 and Twenty Twenty-Two:
Asigning a background color in Styles => Blocks => Paragraph works
Asigning a background color in Pages => Edit => Paragraph works
But the result in the created webpage is different (see attached screenshot)

as reported in Core Trac: https://core.trac.wordpress.org/ticket/54865

Different layout for background color

Step-by-step reproduction instructions

see description above

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@karmatosed karmatosed added [Type] Bug An existing feature does not function as intended Needs Testing Needs further testing to be confirmed. labels Jan 21, 2022
@carolinan carolinan removed the Needs Testing Needs further testing to be confirmed. label Jan 27, 2022
@skorasaurus skorasaurus added the [Block] Paragraph Affects the Paragraph Block label Jan 22, 2023
@jordesign
Copy link
Contributor

This is still present in WP6.3.

When a background is added in the page editor the paragraph receives additional style classes, including .has-background.

This then applies the style:

p.has-background {
    padding: 1.25em 2.375em;
}

But when adding the background through global styles - no additional classes are added to the element.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Paragraph Affects the Paragraph Block [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

5 participants