Archived topic
elements a bit re-styled - only how?
10 replies · Started by Samuel on June 14, 2019
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?
Hi there,
have you checked the header element documentation - Tom's video really goes into detail:
https://docs.generatepress.com/article/header-element-overview/
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?
And here is the page: https://baubeaver.de/dachformen/
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.
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
Ok so what would happen to side bar would this float up to start where the header element does?
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!
So this PHP Snippet will relocate the Header Element into the Content:
add_filter( 'generate_page_hero_location', function() {
return 'generate_before_content';
} );
Wooooow! Amzing thank you very much, David!!!!
Glad to be of help