[Resolved] Site-wide search before footer

[Sven]

Hi there,
the start page on https://fudiggl.de contains a search field at the end of that page (realised within a section).
How can I add this section before the footer widgets, so it’s shown on any page/post…?
I wonder, if I can do that with “elements” but I don’t know how to and I really appreciate your help!
Best regards,
Sven

[David]

Hi there,

Elements is a good way to go, Create a new Hook Element.
Select the before_footer hook. Add your markup like so to create the container:

<div class="search-section">
    <div class="grid-container">
        <!-- add your markup here -->
    </div>
</div>

Set your Display Rules.

And this CSS to Additional CSS or the your child theme style sheet. to style it:

.search-section {
    background-color: #6b6b6b;
}
.search-section .grid-container {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
}

More info:

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

[Sven]

Wow! THAT is easy… already realised (2 minutes max.)!

Thank you for your advice and fast reaction! Thumbs up! Greatest support!!!

Sven

[David]

Awesome – glad to be of help 🙂

[Author]

Posts