• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Add Flexible Footer Widgets To Monochrome Pro

This tutorial provides several methods which enable you to add any number of footer widgets to the Monochrome Pro child theme by StudioPress.

Here’s the result showing the standard 3 widget areas :

3 Flexible Solutions

  1. The first solution enables you to add any number of widgets to the widget area named “Flexible Footer Widgets” and they will display perfectly inline filling the entire width of the screen. This can be 1, 2, 3, 4, 5, 6 or more widgets.
  2. The second solution displays 3 widgets only named Footer 1, Footer 2 & Footer 3 within the footer widget wrap.
  3. The third solution also only displays 3 footer widgets however they display full width of the screen.

Demo Video – Solution 1

Shows how you can use any number of widgets to the widget area named “Flexible Footer Widgets” and they will display perfectly inline filling the entire width of the screen.

Demo Video – Solution 3

Shows the default 3 footer widgets and how they display in 1 column on smaller screens.

Code Installation

There’s 3 different solutions in the download folder.

Solution 1 : Copy & paste the PHP code from the file named functions-1.php to the end of the Monochrome Pro themes functions file. Copy & paste the CSS from the end of the file named style-1.css to the end of the Monochrome Pro themes style.css file.

Solution 2 : Copy & paste the PHP code from the file named functions-2.php to the end of the Monochrome Pro themes functions file. Copy & paste the CSS from the end of the file named style-2.css to the end of the Monochrome Pro themes style.css file.

Solution 3 : Copy & paste the PHP code from the file named functions-2.php to the end of the Monochrome Pro themes functions file. Copy & paste the CSS from the end of the file named style-3.css to the end of the Monochrome Pro themes style.css file.

Register or login to access all solutions in the download folder :

Register for full access

Related Tutorials

  • Modify Flexible Widgets To Display Any Number of Widgets In Columns

Footer Widgets Grid Columns Monochrome Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems