danquigley

I’m guessing not but once you understand the Lottie language its pretty simple to implement.

I was pulling my hair out until I discovered that there are two separate javascript files you have to call. One to make the Lottie appear and the other to have the interactivity.

@uxl, you are a genius.

It looks like all your content is in a Column Block. In the editor, go to your column block there should be a button to go to wide width.

For the background image, one idea would be to put all content into a Cover Block and add the image to the Cover Block. If you want it on every page, go to your Page Template in the Editor and try doing the same thing there, all content in a Cover Block with an image. Make sure to set the Cover block to Full Width.

In the editor, you could put the blocks you want to be boxed inside a group block. Then set the group block to the width you would like.

Awesome! Glad it worked!

I ran into this issue as well and I am no pro but I did find a solution that worked for me.

I made a child theme. Then I went into my file manager and copied the page template to the child theme but with a different name. Back in WordPress Editor (beta), the new template showed up and I was able to customize it. I used it to create a page template that had no page title.

Someone else more knowledgeable than me probably has a much simpler solution.

@domainsupport thanks for sharing. I see your point. And to that, there are still plenty of themes that are not FSE. They will most likely support the Customizer for a while. I suppose we will see what they do with it.

If you are just making CSS changes then the Customizer is still an option. Correct me if I’m wrong, if you are going to make changes to your theme.json file to customize the Editor, then you would still want to do a child theme?

@andynick, I am not talking about the WordPress “Customizer”. I’m talking about making edits in the new WordPress Editor (beta). The WordPress Editor (beta) does not have a space to adjust CSS as far as I know.

If you want to make custom CSS for Twenty Twenty-Two I would suggest getting an additional CSS plugin, or you can create a child theme with its own style.css file and edit that directly.

As you mentioned the “Customizer” is on its way out the door. It still exists in Twenty Twenty-Two but is difficult to find for that reason. I would not suggest going there to make custom CSS>

Ok I found it! I didn’t realize you had to flip the inherit default layout switch

Hi Oliver,

Can you provide me with more details? Is this in the template editor or template parts editor? Which block would I select? From what I see, not every block has a full-width option.

Thanks.

It would be best if you could share a link of where you are seeing this. It sounds like you are describing layout shifting. Maybe you have some CSS that is loading in the header and then being overwritten in the footer.

From what I understand, any changes you make in the Editor would be saved upon updates. However, if you were to directly edit your theme.json file to do something like customize the palette colors, then that would be overwritten in any updates. If you do want to directly edit your theme.json file I would suggest making a child theme.

• This reply was modified 2 years, 9 months ago by danquigley.

Try at least 1920 px wide

You go into theme.json and you’ll see something called block gap. You can set it to 0.

You may want to make a child theme with its own theme.json file, otherwise, it will be overwritten on an update

If you have a child theme and you add CSS to your child theme’s style.css, does it get loaded in the header or footer?

• This reply was modified 2 years, 9 months ago by danquigley.