[Resolved] How to add a region above the footer bar

[Jud]

I created a website earlier, using GP, and somehow added a region above the footer bar.

I had a catastrophe and need to recreate (using GP, and changes to WP) the site.

The image linked (it is on Google Drive) shows the region at the bottom of the page.

How do I recreate this region?

[David]

Hi there,

you can either use a single footer widget.
Or use the Hook Element > before_footer hook to display your HTML

[Jud]

Hi David,

I watched the video on Page Hero, and that looks like it might be what I need.

I need:

— A horizontal bar that appears above the footer bar, with short texts (maybe phone number, email address, linked-in addy)
— Should be same width (currently 100%) as footer.
— Should appear on all pages.
— If possible, should be excludable on selected pages in future.

My setup is WordPress on Bluehost, with GP Premium, wit WP now having Gutenberg, which I am currently using (but I am pretty unhappy with their Columns).

Is Page Hero what I want?

If not, how exactly do I create a hook in WP/GP? Once created, do I need to somehow activate it for the theme, or for individual pages?

Thanks,

Jud

[David]

Header Element > Page Heros can only be placed immediately below the Site Header. You would need to use Hook Element instead. So:

1. Elements > New > Hook.
2. Give it a title and Add some content (see below)
3. Select the before_footer hook.
4. Go to Display Rules tab and select which pages you wish to display it on. Note the Front Page has to be selected in your rules if you want it on your home page.
5. Save

For the content use some HTML like this:

<div class="grid-container before-footer-box">
    Write your content here
</div>

And then a little CSS in your Additional CSS or Child Theme style sheet:

.before-footer-box {
    padding: 40px;
    background-color: ff00ff;
    color: #fff;
}

[Jud]

Thanks for the quick response! I’m studying some Lisp right now, but I will give this a spin in about 30 mins.

[Jud]

Like a champ.

If you have the instructions you sent to me saved as a clip, I’ll suggest a couple of changes if you’d be interested.

Can my additional CSS refer to site-wide parameters, like COLOR1, or STRANDARD-PADDING, or something?

To array three pieces of text left, middle, and right, should I do something like

<span id=’left-text’>Left Words</span>
<span id=’middle-text’>Middle Words</span>
<span id=’right-text’>Right Words</span>

?

[David]

Are you using the Footer Widgets on your site? If not then they would be the easiest route for adding ‘columns’ and having customizer control over the colors and padding

[Jud]

Are you suggesting using the footer widgets (otherwise unused) to serve as “main content columns”?

Interesting hack!

[David]

Sorry i thought we were talking about the region above the footer bar.
If you want to add columns to the content then one of other Toms plugins:

https://wordpress.org/plugins/lightweight-grid-columns/

[Jud]

Thanks! I’ll close this thread, and start a new one (not now!) when I get other questions.

[David]

glad i could help

[Jakob]

Hi there!
I used the Hook Element > before_footer hook as described here.
Thanks so far!
But, how do I have to style the css so that it looks like the rest of the site ( I mean same background, same padding of area and text-area, with of the area etc..)?

[David]

Hi there,

could you start a new topic where you can privately share a link using the Site URL field so we can take a look.

[Author]

Posts