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.

Sign up for GitHub

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

Jump to bottom

.wp-block-cover style is getting overridden by themes .alignleft utility styles. v4.3.0 #11883

Closed
m-e-h opened this issue Nov 14, 2018 · 1 comment
Closed

.wp-block-cover style is getting overridden by themes .alignleft utility styles. v4.3.0 #11883

m-e-h opened this issue Nov 14, 2018 · 1 comment
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Bug An existing feature does not function as intended

Comments

@m-e-h
Copy link
Member

m-e-h commented Nov 14, 2018

Describe the bug
When a cover block is set to one of the align states, it's styles go up against the themes age-old .align* styles.

Most of them include a display: style and it usually isn't flex.

This breaks the wp-block-cover-image-text

To Reproduce
Add an align state to a cover block with text.

Screenshots
Here's how it looks before .aligncenter is added
no-align

Here's with the .aligncenter class
align-center

In this case Twenty Seventeen is overriding the display: flex; with it's aligncenter's display: block;
@designsimply designsimply added [Type] Bug An existing feature does not function as intended [Block] Cover Affects the Cover Block - used to display content laid over a background image [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed labels Nov 14, 2018
@designsimply
Copy link
Member

Thanks for the report! Closing this one as a duplicate of #11382 and this issue will automatically get linked there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@designsimply @m-e-h