[Resolved] elements a bit re-styled – only how?

[Samuel]

Hi,

I would like to insert the article pictures for each contribution at the end like this: http://prntscr.com/o1shha

I am currently solving this via the following option: http://prntscr.com/o1si1t

but i want more flexibility and to solve the whole thing through the function “Elements”. For example to get the headline into the image. This works quite well.

My Goal: http://prntscr.com/o1skif

What’s the best way to solve this?

[David]

Hi there,

have you checked the header element documentation – Tom’s video really goes into detail:

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

[Samuel]

Ok super thanks again for the memory.

I still have unanswered questions:

I have now followed the instructions. This works quite well if you don’t have a sidebar: http://prntscr.com/o1zuz1

It looks a bit strange when the sidebar is activated: http://prntscr.com/o1zvhp

The image covers the entire surface. However, this should only be as wide as the lower content area. Any tip for that?

[Samuel]

And here is the page: https://baubeaver.de/dachformen/

[David]

You could use the Spacing module so in Customizer > Layout > Container you can either set the site to Single Container ( so no spaces ) or reduce the Spacing to zero so it closes off the gap.

[Samuel]

I don’t think I explained myself right. Sorry!

The image in the header is 1100px wide in full width. Thats ok.

But as soon as I have a sidebar, the main container is only 810px wide (but the picture still has 1100px).

But I want the picture to be only as wide as the main container.

Please check this: https://prnt.sc/o1zvhp

[David]

Ok so what would happen to side bar would this float up to start where the header element does?

[Samuel]

Thanks for asking.

The Endproduct should look like if I set it via the customizer: http://prntscr.com/o2abzc

The sidebar would be flush to the Page Hero. Please check this: http://prntscr.com/o2ad7k

I just want to control it via “Elments” and not via the customizer.

Thank you very much!

[David]

So this PHP Snippet will relocate the Header Element into the Content:

add_filter( 'generate_page_hero_location', function() {
	return 'generate_before_content';
} );

[Samuel]

Wooooow! Amzing thank you very much, David!!!!

[David]

Glad to be of help

[Author]

Posts