Skip to content

Latest Comments block: Can't center align #14358

@codebykat

Description

@codebykat

Describe the bug
Centering this block in the editor shows correctly in the preview, but on the front-end it is still left-aligned.

Right-aligning the block in the editor does not right-align it in either the editor preview or the front-end.

This block seems to get the class aligncenter added to it regardless of the editor settings.

To Reproduce
Steps to reproduce the behavior:

  1. Add a Latest Comments block
  2. Center it and publish the post
  3. Note that it is centered in the editor, but not the front-end
  4. Right-align it and update the post
  5. Note that it appears left-aligned both in the editor and the front-end

Expected behavior
Alignment options should work and the front-end view should match the editor preview.

Screenshots
Centered in editor:
Screen Shot 2019-03-09 at 11 03 10 AM
Front-end display:
Screen Shot 2019-03-09 at 11 03 16 AM
Right-aligned in editor:
Screen Shot 2019-03-09 at 11 13 01 AM

CSS in inspector:
Screen Shot 2019-03-09 at 11 11 16 AM

Desktop (please complete the following information):

  • OS: OSX
  • Browser: Firefox

Metadata

Metadata

Assignees

No one assigned

    Labels

    Good First IssueAn issue that's suitable for someone looking to contribute for the first timeNeeds DevReady for, and needs developer efforts[Block] Latest CommentsAffects the Latest Comments Block[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions