theme development - Unwanted spacing for cover block

admin管理员组

文章数量:1125953

I am running into issues when using the cover block.

I created the following header with the cover block:

Unfortunately there is more space to the top when using the cover block which makes the header move upwards when navigating to another page.

I can move the header up with the following code:

position: relative;
top: -19.5px

This just doesn't seem right though. How can I fix the spacing issue?

Just to make clear, it's not the padding from the cover block:

I have no clue where this spacing is coming from:

I am running into issues when using the cover block.

I created the following header with the cover block:

Unfortunately there is more space to the top when using the cover block which makes the header move upwards when navigating to another page.

I can move the header up with the following code:

position: relative;
top: -19.5px

This just doesn't seem right though. How can I fix the spacing issue?

Just to make clear, it's not the padding from the cover block:

I have no clue where this spacing is coming from:

• theme-development
• block-editor

Share Improve this question edited Mar 6, 2024 at 17:40 Marzii asked Mar 6, 2024 at 17:27 MarziiMarzii 3366 bronze badges 2

• I don't think this is something that can be diagnosed from screenshots, there's no code in your question, blocks to reproduce the issue, or links to a site that can be used to inspect and reverse engineer where the space is coming from. Can you edit your question to fix that? – Tom J Nowell ♦ Commented Mar 6, 2024 at 17:52
• Tbh, I feel a bit dumb now. The only thing I had to change was the content position from center to top... – Marzii Commented Mar 6, 2024 at 21:47

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

The issue was that the content was centered and not aligned to the top of the cover:

本文标签： theme developmentUnwanted spacing for cover block