saturn3

OK awesome! Glad you worked it out.

You did this after the 6.0 upgrade, yes? And/or after the Twenty Twenty Two update to 1.2? (I think that is new version number, I am not at a computer)

The first thing I would try is going to the template part for the header used on this page and collecting all of the blocks there, putting them into a group, and then giving a color to the background of that group.

I think it’s just that your header background has no color called out for it so you see the page background beneath.

When you go to Appearance > Editor and then click on the global settings (the half black and half white circle in the upper right usually), and then click on Typography, you will see your Links listed in the Elements box. What color are they set to there?

You have to “register” them in the theme JSON file so that the theme will list them in that drop down menu.

Open the theme.JSON in an editor, and then search for the word “font” and you will work your way through some of the font settings. Eventually, you will come across a section where the fonts from that drop down you are looking at are “registered” as options in the drop down menu. It will make more sense when you see it!

This is where you can make what you want to have in the drop down menus show up once you copy a little code and customize it for your font groups

If you are hung up on templates vs. pages, try this thread:

https://www.ads-software.com/support/topic/i-cant-figure-out-how-to-create-a-new-page-based-on-a-template-i-created/#post-15447776

The JSON file is an adventure in itself. Good luck!

Sorry, this:

My guess is that there are a few templates provided that are not actually registered, or registering, within the template.

Should have been:
My guess is that there are a few templates provided that are not actually registered, or registering, within the theme.

And:
(because you built it in WP inside this particular template).

Should read:

(because you built it in WP inside this particular theme).

My guess is that there are a few templates provided that are not actually registered, or registering, within the template.

Option 1:
Methodically collect all of the content on your Home template into a group, then turn that group into a reusable block. Next, go build a new template (by going to any page, looking at the Template drop-down we are discussing, clicking the little New link under the pop-up of template names, giving a name to a new template, then going to the Template Editor right away).

Finally, select this new template in the template editor and add that reusable block you made to essentially copy all of your hard work into a new template that will show up (because you built it in WP inside this particluar template).

Option 2:
Look for this code in the JSON file and register the Home template that exists there so that WP knows to add it to the pop-up of template names. I have never done this. It is a theory:

"customTemplates": [
		{
			"name": "blank",
			"title": "Blank",
			"postTypes": [
				"page",
				"post"
			]
		},
		{
			"name": "page-large-header",
			"title": "Page (Large Header)",
			"postTypes": [
				"page"
			]
		},
		{
			"name": "single-no-separators",
			"title": "Single Post (No Separators)",
			"postTypes": [
				"post"
			]
		},
		{
			"name": "page-no-separators",
			"title": "Page (No Separators)",
			"postTypes": [
				"page"
			]

Is this helping?

• This reply was modified 2 years, 6 months ago by saturn3.

When you go to a page, are you using the right sidebar to select the template you want for that page? There is a popup menu for just that purpose. On my WP, it sits right below “Status & Visibility”.

Go to any page.

In the right sidebar, there is the pop-up that lets you select the template for the page. Click the little New link.

Create Custom Template pops up and lets you name the new template.

Then what I do is immediately go to Appearance > Editor in the left sidebar to avoid accidentally applying this newly named template to the page that I visited in order to generate it.

Then you will see the new template in the list of templates.

It’s terrible that is how it is done. But that is how it is done.

You can make headers and footers right in the Appearance > Editor however.

I have to say that adding stuff to an existing empty row or group is horrible!

This is why I find the design of the block list GUI is not just cruel… it’s diabolical!

Seriously, I have a resuable part that is just a group with 10 separators inside for just this reason.

Want to add a new block? Spin the wheel and let’s see where in the list your new block lands!

It’s fun!

You have made your frustration clear. Sorry for intruding. Good luck.

header {
    position: sticky;
    top: 0;
    z-index: 99999997;
}

I am using a high Z-index to prevent things in the body from scrolling over my header.

Try it without if you wish!

I have a sticky header through CSS. I googled for code and played around with it to make it work.

This is an awesome reference below. If it’s too much, I will be back later on to assist. Right now, there is no easy way to add custom CSS to Twenty Teeny Two, so go with a plugin. I use Site Origin CSS. Always back up your CSS code somewhere outside the plugin!

This will show you how to add a class to a block. Then control it with the CSS. You will not see the results in a page or template editor until you preview or serve the page to an end user.

https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

When it gets to:
Then, we can add this CSS to our site under Customize → Additional CSS

That is not something you can do right now. That is when you switch to the Site Origin plug in to insert your CSS.

You could also maybe create an empty area under what is now your header block list with maybe a group or section block that has a background color and a height. Maybe. But that is not what you asked for.