WordPress / gutenberg-starter-theme

A simple theme for testing Gutenberg.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Alignment of images left or right next to text blocks

danstramer opened this issue · comments

Up till today, adding an image and setting it's alignment (Left, Right, Center, None) would cause the text to wrap around as expected.
Adding the alignment to an image block next to a text block does not work as expected.
More info in the comment section of this post:
https://themeshaper.com/2018/02/15/styling-themes-for-gutenberg/comment-page-1/#comment-170699

Dan

I have the same issue.

Editor view

screen shot 2018-03-05 at 10 36 13

Frontend view

screen shot 2018-03-05 at 10 35 04

@jasmussen, I think it might be related to your recent changes to floats in the editor. Any hints how to fix it in the theme? I'm happy to open PR.

I think it is caused by the included max-width: 50% inline style:
screen shot 2018-03-05 at 10 40 55

which is a quite different when you compare with the editor:
screen shot 2018-03-05 at 10 42 18

Another related issue for me is when I use Drop Cap. I am experimenting with Gutenberg in a test install. I do get text wrap when I am not using Drop Cap but as soon as I flip the switch to Drop Cap the entire paragraph box is parallel to the inserted image.
dropcap