Skip to content

Gutenberg: CSS issue with aligning block left or right #350

@paaljoachim

Description

@paaljoachim

This is a sense is continuing the responsive Gutenberg issue. The responsive-embeds is added to the child theme functions file. #349

Centering a video embed brings block to center of screen.

Aligning block left as seen inside Gutenberg:
screen shot 2018-11-06 at 14 31 10

As seen on the frontend:
screen shot 2018-11-06 at 14 32 10

I am not sure if this is something that needs to be added to the parent Beans theme or if this belongs in the child theme.


WordPress/gutenberg#11448

Thanks for the report.

I don't see any issue from the screenshots, that's just how float positionning works . If there's enough place, you image or any other block will show up next to the floated item. The difference is that the available width in the frontend and the backend is not the same (The theme editor styles could align the widths).

I suggest adding a custom className to your second image and apply

.my-image {
   clear: both;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions