[HelpHub] Feedback on Site Editor

[zzap]

Issue Description

Originally reported by https://profiles.wordpress.org/zadeveloper/

The 2023 Theme header has a huge gap on top of the header. That should be customizable too. please mention how that could be done.

Also since you have removed the Appearance>Customize menu from the admin navigation, can you explain where and how we can add custom CSS

Originally reported by https://profiles.wordpress.org/cgoldthorpe/

Section 8, “You can view the site homepage in a new tab and see what your site looks like with the changes applied.”

This is not what happens when I select “View/View Site” . I see the site in a one tab WITHOUT the changes applied. I can’t tell if this is a bug in the software or a documentation issue.

URL of the Page with the Issue

https://wordpress.org/documentation/article/site-editor/

Section of Page with the issue

Why is this a problem?

Suggested Fix

[github-actions]

Heads up @femkreations @atachibana - the "user documentation" label was applied to this issue.

[zzap]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[atachibana]

The 2023 Theme header has a huge gap on top of the header. That should be customizable too. please mention how that could be done.

(As the new section of How to use the Site Editor)

Example - How to Customize Twenty Twenty-Three using the Site Editor

Twenty Twenty-Three supports full site editing and can be customized by Site Editor. As an usage example, let's remove the gap at the top of the home page of Twenty Twenty-Three. To do this, remove the padding at the bottom of the header template part and the padding at the top of the content area.

Before

After

First, remove bottom padding of Header Template Parts.

1. From Administration Screen, Select Appearance > Editor

2. Select Tempalte Pats > Header, and click Pencil icon to edit it.

3. Select the Group > Row block. Use the bottom block navigation.

4. From Block Settings, Click Styles.
   

5. Scroll down to the Padding > Bottom. Current value is 2.

6. Set it to 0.

7. Save the template parts.

Next, remove top padding of content area.

8. Back to the Site Editor.

9. Select Templates > Home, and click Pencil icon to edit it.

10. Select the top Group block. Use the bottom block navigation.

11. From Block Settings, Click Styles.
    

12. Scroll down to the Padding > Top. Current value is 3.

13. Set it to 0.

14. Save the template.

[atachibana]

Also since you have removed the Appearance>Customize menu from the admin navigation, can you explain where and how we can add custom CSS

(In the To edit the site's styles)
You can add your own CSS to customize the appearance and layout of your site. click the Styles actions (three-dot icon) and select Additional CSS.

[atachibana]

Section 8, “You can view the site homepage in a new tab and see what your site looks like with the changes applied.”

This is not what happens when I select “View/View Site” . I see the site in a one tab WITHOUT the changes applied. I can’t tell if this is a bug in the software or a documentation issue.

This issue still remains and seems to be on-going. For example, WordPress/gutenberg#29398
We should remove this step from our documentation.

[atachibana]

Since there seems to be no particular comment, I have reflected the changes.