Archived topic
Replacing the banner image on the home page (under menu)
9 replies · Started by Abraham on March 18, 2019
Hi,
I've installed the Peak Sample Site. How do I replace the banner image that appears on the home page and how do I activate the action button on that banner. See my bare site here: https//abecarmeli.com
Thanks,
Abe
Hi there,
Looks like you've figured out?
I see the new image already:
https://www.screencast.com/t/zi0q2vxYt
As for the button, you need to replace the # in the HTML with the actual link you want:
<a class="button" href="#">Download Now</a>
More info here: https://www.w3schools.com/html/html_links.asp
Yeah, I figured out the banner. But can I change the banner for each page?
I'm not sure what you mean.
The rest of the pages are also using the header elements.
Perhaps this would help?
https://docs.generatepress.com/article/page-hero-examples/
Hi Leo,
I recorded a short video to show you what I mean: Here is a short video. https://www.screencast.com/t/dxidVQab
Thanks,
Abe
That's because there is already a header element assigned to the About Page.
Try removing the existing Global Header in the element list if you want to create a separate one for each pages, or you can add the About page to the exclusions rule of that element.
More info here:
https://docs.generatepress.com/article/conflicting-display-rules/
Got it. But now, my About Page is not showing any banner. Looks like the specific Page Hero I setup for the About Page is not showing. See here: https://www.screencast.com/t/DZqKTDO7rQr
Abe
Try adding some content.
I don't know what you mean when you say add content. This is an about page. There is static text on it. It still isn't showing the banner.
Hi there
Edit the About Page Header Element - the text area below the title must contain something for the header element to display.
If you just want an image without any content then use a HTML Comment e.g
<!-- Hero Image -->