Twenty Seventeen: caption alignment is different in editor and frontend

[pitamdey]

In Twenty Seventeen theme the table caption is center in the editor but it is aligned to the left in the frontend

[pitamdey]

Editor View

[pitamdey]

Frontend View

[pitamdey]

after applying this patch the issue is resolved

[pitamdey]

We just have to make the apply the text align : center to the table block.
Something like this :

.wp-block-table figcaption {
    text-align: center !important;
}

[sabernhardt]

Thanks for the report!

The figcaption for all blocks except the Gallery was set to align left, not center, in both the editor and front. However, the .wp-block-table class is not the first in the attribute within the editor, so [class^="wp-block-"] does not work there.

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
  font-style: italic;
  margin-bottom: 1.5em;
  text-align: left;
}

The patch on #56747 should fix this, too.

[sabernhardt]

#59159 was marked as a duplicate.

[sabernhardt]

The alignment discrepancy is the same for any blocks with a figcaption: Image, Video, Table, YouTube embed, etc. It could have been caused by GB32454.

We could consider fixing the mismatch on this ticket, with 56747.patch, and then revisiting the other changes for italics on #56747.

[sabernhardt]

updates editor styles figcaption styles for when the block's classes list does not begin with wp-block- (refreshes 56747.patch)

[sabernhardt]

For clarity about which patch to test, I attached the patch from the other ticket (and refreshed it).