Site logo

Archived topic

Confused about Gutenberg image captions

20 replies · Started by Dan on January 6, 2022

Viewing posts 16–21 of 21

If you got to Customizer > Typography - is there a Base (body) element listed ? If so what are its line-height and bottom margin settings ?

There is a body element, yes. See: https://www.dropbox.com/s/jyk746murb3ac4p/Screen%20Shot%202022-01-19%20at%209.21.44%20AM.png?dl=0

However, the line height (and margin-bottom) do not match between the published page and the editor. In the editor, they seem to be controlled by .editor-styles-wrapper p in editor-trypography.css

Before switching to dynamic typography mode, body text in the editor was defined differently.

Editor body text before dynamic typography: https://www.dropbox.com/s/8s678lr2k7zet81/Screen%20Shot%202022-01-19%20at%209.29.58%20AM.png?dl=0

After dynamic typography: https://www.dropbox.com/s/buo94gh76dimk7i/Screen%20Shot%202022-01-19%20at%209.30.56%20AM.png?dl=0

What happens if you adjust the Typography > Body Line Height and set a Bottom Margin and publish those changes ?

If I do that, the changes only take place on the published page. Not in the editor.

Hi Dan,

What if you add a custom element .editor-styles-wrapper p in the typography manger?

Set its margin and line height to match the bodyelement?

Let me know :)

Yes, that does fix it.

I will roll use the fix, for now, assuming you will fix this in an upcoming release?

This archived topic is closed to new replies.