Sridhar Katakam

Genesis and WordPress Tutorials

Flexible Footer Widget Area in Monochrome Pro

by 9 Comments

Updated on July 22, 2020.

Tested in Monochrome Pro v1.5.0.

In the comments section of How to replace Footer Widgets in Altitude Pro with Flexible Widgets, a user asked;

How can you add a flexible footer widget to Monochrome Pro?

This tutorial provides the steps to register a Before Footer widget area in Monochrome Pro and have the widgets placed in this widget area appear in columns depending on the number of widgets below the Before Footer CTA section.

Backend:

Frontend:

Step 1

Add the following in Monochrome Pro's functions.php:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Hi Shridhar,

    This works great on inner pages but is overlaying the site footer on my home page for some reason.

    Reply

  • Is there something within the theme version 1.2 or genesis 3.0.3 that would cause this to not work ?- Its not working for me at all. 🙂

    Reply

  • Hi Sridhar. Is it still working with the newest version of Monochrome Pro?

    It gives an error: Fatal error: Uncaught Error: Call to undefined function monochrome_count_widgets() in D:appdataIISvhostsphenixhypnose.nlhttpdocswp-contentthemesmonochrome-pro-phenixhypnosefunctions.php:387 Stack trace: #0 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-contentthemesmonochrome-pro-phenixhypnosefunctions.php(412): custom_widget_area_class(‘before-footer’) #1 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-includesclass-wp-hook.php(287): custom_before_footer_widget(”) #2 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-includesclass-wp-hook.php(311): WP_Hook->apply_filters(NULL, Array) #3 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-includesplugin.php(478): WP_Hook->do_action(Array) #4 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-contentthemesgenesisfooter.php(27): do_action(‘genesis_before_…’) #5 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-includestemplate.php(723): require_once(‘D:\appdata\IIS...’) #6 D:appdataIISvhostsphenixhypnose.nlhttpdocswp-includestemplate. in D:appdataIISvhostsphenixhypnose.nlhttpdocswp-contentthemesmonochrome-pro-phenixhypnosefunctions.php on line 387

    Reply

    • Hi Kitty,

      I have just updated the tutorial so it works in Monochrome v1.5.0.

      You just need to add this in functions.php:

      // Setup widget counts.
function monochrome_count_widgets( $id ) {

    $sidebars_widgets = wp_get_sidebars_widgets();

    if ( isset( $sidebars_widgets[ $id ] ) ) {
        return count( $sidebars_widgets[ $id ] );
    }

}
      Reply
    • >