Add Copy & Photos Above Header

Hi there,

I think block element is what you are looking for:
https://docs.generatepress.com/article/block-element-overview/

You can insert whatever content you want by using the block element.

In your case, choose hookas element type, choosebefore_headeras hook name, choose entire site or other locations depends on your need.

Let me know if you need further assistance :)

This is all pretty new to me so I'll have to do a little experimenting.

Thank you!

Ok, I followed your instructions and created a new Element with HOOK, BEFORE_HEADER & ENTIRE SITE.

Now what? How do I add a new headline and photos above my present header and logo?

Does the hook I created -- generate_before_header -- get inserted somewhere? Am I creating a NEW page?

FYI, I've always used the Classic Editor; never used the Block Editor. Per your website, I just installed "GenerateBlocks."

Thank you!

generate_before_header — get inserted somewhere?

It inserts content above the header.

I’ve always used the Classic Editor; never used the Block Editor

In that case, I assume you are familiar with HTML, then hook element does the same job as block element, except you can add HTML directedly to the hook's content area.

https://docs.generatepress.com/article/hooks-element-overview/

Or you can add a custom HTML block to the block element, enter your HTML code. Anything you entered in the hook will be shown above your site header.

Hope I made it clear :)

I'm sorry but I still don't understand.

I want to create new content above my existing header that will be visible on every page of my website.

I created the hook: generate_before_header . That's HTML code, correct? Where exactly am I supposed to paste that code? In the Text area of my existing Home Page? Somewhere else?

And does that create an area where I can create the new content?

Thank you.

No worries, just put your code in the hook:
https://www.screencast.com/t/aZnFIg3aL

We are not communicating. Please have another technical advisor contact me.

Hi there,

You mentioned that:

You can view the attached link for a ROUGH idea of what I have in mind.

in the original topic.

The only link I see is the link to your site. Is there an example link you forgot to provide?

Thanks.

Leo:

Here is the link to a rough mock up I did: LINK

(It was originally attached; I don't know why it disappeared.)

To be clear, I want to add a headline and some photos ABOVE my website's logo & header.

Could you please itemize how to do this?

(I followed Ying's instructions and couldn't get them to work.)

Thank you.

P.S And I want this headline and photos to appear on every page.

This can easily be done with the block editor and GenerateBlocks.

Can you confirm that you are using them already?

I installed GenerateBlocks today.

I've resisted using the Block Editor, finding the Classic Editor easy enough to use. But I'm sure I can get the hang of it; I was using it a bit today.

With the block editor and GenerateBlocks, try the following steps:

- Create a new block element:
https://docs.generatepress.com/article/block-element-overview/

In the Element type, select Hook.

In the Hook name, select before_header.

Screenshot: https://www.screencast.com/t/E1emhlTHABi

- Insert a container block:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-standalone-block

- Insert a grid block in the container block with four equal-width grids:
https://docs.generateblocks.com/article/grid-overview/

- Inside each grid, add some WordPress image blocks and insert your images in them:
https://wordpress.org/support/article/image-block/

- Here is the final structure:
https://www.screencast.com/t/GHd1ld6e76W

- In the Display Rules section, Select Entire Site under Location.

Leo:

I haven't tried this yet but it looks very good on how to use the Block Editor.

But once I've got the content the way I want it, how is it inserted above my present logo and header? Something with "hooks" I take it. But I don't know how to do that.

Thank you.

Edited above:
https://generatepress.com/forums/topic/add-copy-photos-above-header/#post-1930712