• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Genesis User

Genesis User

Build your own website using a StudioPress theme and Genesis Blocks plugin..

  • Home
  • StudioPress etc
    • Genesis Blocks
    • StudioPress
    • Genesis Pro
    • WP Engine
  • Get Genesis for Free
  • Themes
    • Genesis Sample Theme
    • WP Engine Themes
  • Genesis Blocks
You are here: Home / Genesis Blocks / Website Builder / Make a Faux Footer Reusable Block

Make a Faux Footer Reusable Block

January 20, 2021 by PhilG

Make your own reusable footer block.

Monochrome Pro has a section of white space at the bottom of every page. If the bottom block in our page layout has a colored background, this can look strange. Also, Monochrome Pro does not have a traditional footer section to list your most important links, etc.

My solution is to make a reusable block that will serve as a footer. This faux footer will make sure the block immediately above the footer Call To Action block has a white background. This will improve the look of our web design.

Let’s get started…

Inserting the block into your page

  • Login > view front page.
  • Edit Page.
  • Place your cursor in the page title.
  • Click the Layouts button in the top toolbar.
  • Choose: Slate Feature Text Columns (three-column layout).
  • Reposition using up or down arrows if necessary.
  • As you replace the demo text with your own text, remember this section will display on all the pages we’ve made so far.
  • You can add text links or even buttons to this faux footer section.

Make your block reusable.

When you’re happy with the content, click the block’s three dot more options button and choose Add to Reusable Blocks.

  • Name your reusable block Faux Footer.
  • Click the reusable block’s save button and then click the big blue update button to save your block and save your page.
  • When the black button appears in the bottom left corner of your screen, click view page.

Add the reusable block to other pages on your site

You now have a reusable block that you can add to the other main pages on your website. To do this…

  • Navigate to, open, and edit one of your webpages.
  • Scroll to the bottom of the page.
  • Click the Add Block Plus icon.
  • Search for the re-usable block you made, by typing Faux Footer, or whatever you named your reusable block, in the search box.
  • When you see the Faux Footer icon, select it.
  • When the block is inserted in the page it will look squished, don’t worry. It will look OK when your site visitors view it in their web browser.
  • Update your page and move on to add this reusable block to another page.

Mission accomplished.

When all the main pages of your site have a faux footer, your basic site is complete. But remember websites are always a work in progress and if you want your website to be successful, there’s a lot more work you can do.

Filed Under: Website Builder

Download Genesis Framework for Free

The Genesis Framework and the Genesis Sample theme are now free for all to download and use.

Get Genesis for Free

Footer

Search This Website

Get Genesis for Free

The Genesis Framework is now free, find out how to get it here…

Get Genesis Free

Did you see these pages?

  • WP Engine Themes (From StudioPress)
  • Genesis Blocks Tutorials
  • Get Genesis for Free
  • Genesis Sample Theme
  • 10 Free Themes With WP Engine Hosting
Get 10 StudioPress themes free with WP Engine hosting.
Get 10 StudioPress themes free with WP Engine hosting.

Copyright © 2023 · Genesis User: This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc.
WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.