Archived topic
Feature Image in search results/404 error page when using merged headers
6 replies · Started by Natalie on January 17, 2022
Hi there,
I have made a Merged Site Header and am using the Featured Image added to the static pages as background.
This works exelent for pages that I can link a featured image to, but...
The Search Result and the 404 error page are not so easy.
For the 404 error page I have made two Elements. One for the body text and one for the header image.
I can see on the good pages that the image has to go in to the CSS Class "page-hero Bla".
Put when I put the picture into a block Element inside "Page Hero" the picture covers the floating Site Logo and shapes swirl.
Thank you in advance
Hi Natalie,
You can use a custom background image in the header element's setting for search result and 404 page:
https://www.screencast.com/t/vHGdfRtkJyD9
Wow, clearly I was over thinking this and the solution is so simple.
Thank you Ying, I'am going to try that out.
That does raise another question, would it be possible to add a "copy\duplicate" option into Elements.
I have some block\hooks that I need to duplicate for several pages with some minor changes in it.
It would be some much easier if I could just duplicate one element and save it with some changes.
I know I can copy a container from one block to another, but now I have to duplicate the header element two times with different custom images.
You suggestion worked perfect by the way.
Thank you very much.
In this video (from 0:48) introduced how to copy and paste content in block editor, the method works for block element as well.
https://youtu.be/CsT1UOzZUgI?t=48
Header element can not be easily copied, I would suggest using block element - page hero instead, only use header element for merge purpose.
Thank you for your help Ying.
You are welcome :)
