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

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

Home Forums Support How to add a region above the footer bar

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #688189
    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?

    https://drive.google.com/open?id=1uW0P6QeA7yIV_RV92kGoSemA1foO7yMV

    GeneratePress 2.1.4
    #688665
    David
    Staff
    Customer Support

    Hi there,

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

    #690251
    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

    #690261
    David
    Staff
    Customer Support

    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;
    }
    #690262
    Jud

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

    #690278
    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>

    ?

    #690425
    David
    Staff
    Customer Support

    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

    #690634
    Jud

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

    Interesting hack!

    #690637
    David
    Staff
    Customer Support

    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/

    #690643
    Jud

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

    #690646
    David
    Staff
    Customer Support
    #1386538
    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..)?

    tempsnip

    #1386652
    David
    Staff
    Customer Support

    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.

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.