Title: Adding 2 or 3 widget area
Last modified: August 24, 2016

---

# Adding 2 or 3 widget area

 *  Resolved [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/)
 * Is it possible to add 2 or 3 widget area?
 * I tried this tutorial:
    [http://presscustomizr.com/snippet/add-widget-area-header/](http://presscustomizr.com/snippet/add-widget-area-header/)
   and I added some lines of code:
 *     ```
       // Adds a widget area.
       if (function_exists('register_sidebar')) {
       	register_sidebar(array(
       	'name' => 'Extra Header Widget Area',
       	'id' => 'extra-widget-area',
       	'description' => 'Extra widget area after the header',
       	'before_widget' => '<div class="row-fluid">
       <div class="span8">',
       	'after_widget' => '</div>',
       	'before_title' => '<h2>',
       	'after_title' => '</h2>'
       	));
       }
   
       // Adds a widget area2.
       if (function_exists('register_sidebar')) {
       	register_sidebar(array(
       	'name' => 'Extra Header Widget Area 2',
       	'id' => 'extra-widget-area-2',
       	'description' => 'Extra widget area after the header',
       	'before_widget' => '<div class="span4">',
       	'after_widget' => '</div></div>',
       	'before_title' => '<h2>',
       	'after_title' => '</h2>'
       	));
       }
   
       // Place the widget area after the header
       add_action ('__before_fp', 'add_my_widget_area', 10);
       function add_my_widget_area() {
       if (function_exists('dynamic_sidebar')) {
       dynamic_sidebar('Extra Header Widget Area');
       dynamic_sidebar('Extra Header Widget Area 2');
       }
       }
       ```
   
 * Unfortunately does not work well.
    Whenever I add a widget, it adds a new widget
   area
 * PS: sorry for my bad English

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5971881)
 * with that code you’re adding two widget areas one above the other and bot before
   the featured pages.
    Don’t understand what you mean with “Whenever I add a widget,
   it adds a new widget area” 😀
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5971963)
 * Sorry 🙁
    my English is very very bad (I’m Italian). I would like to put 2 or
   3 widget area (two or three columns), how should I do?
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5971974)
 * I try to make myself understood through the following image:
    [](http://i60.tinypic.com/sfv3mc.jpg)
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5971975)
 * I try to make myself understood through the following image:
    [http://i60.tinypic.com/sfv3mc.jpg](http://i60.tinypic.com/sfv3mc.jpg)
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5971987)
 * Ah, so something like, instead of this:
 *     ```
       // Place the widget area after the header
       add_action ('__before_fp', 'add_my_widget_area', 10);
       function add_my_widget_area() {
       if (function_exists('dynamic_sidebar')) {
       dynamic_sidebar('Extra Header Widget Area');
       dynamic_sidebar('Extra Header Widget Area 2');
       }
       }
       ```
   
 * this:
 *     ```
       // Place the widget area after the header
       add_action ('__before_fp', 'add_my_widget_area', 10);
       function add_my_widget_area() {
         if (function_exists('dynamic_sidebar')) {
       ?>
           <div class="my-extra-widget-area row-fluid">
             <div class="first-column span8">
               <?php dynamic_sidebar('Extra Header Widget Area'); ?>
             </div>
             <div class="second-column span4">
               <?php dynamic_sidebar('Extra Header Widget Area 2'); ?>
             </div>
           </div>
       <?php
         }
       }
       ```
   
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972002)
 * Thank You very much 🙂
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972063)
 * Hi oltrecomics,
    you’re welcome. If you think you solved, would you mind marking
   this topic as resolved?
 * Thank you 😉
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972158)
 * Hi d4z_c0nf,
    sorry to bother you again, but I have another problem. Although
   there are not active widgets, there is a blank space (widget area). Take a look
   at the following image: [http://i61.tinypic.com/4khgqq.jpg](http://i61.tinypic.com/4khgqq.jpg)
 * How can I to hide that blank space?
 * Thanks in advance
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972160)
 * The blank space is there ’cause spanN have a min-height whether they are empty
   or not, you can try this, hoping it will not have any side effect:
 *     ```
       .my-extra-widget-area [class*=span] {
           min-height: 0;
       }
       ```
   
 * Cheers
 *  Thread Starter [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * (@oltrecomics)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972161)
 * What a fool I am 🙁
    I thought of having to use php code, instead it was enough
   to use css. As always you are of great help. Thanks for all 🙂
 * PS: Congratulations for Customizr, it is really customizable … It is the best
   theme I have ever used

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Adding 2 or 3 widget area’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [oltrecomics](https://wordpress.org/support/users/oltrecomics/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/adding-2-or-3-widget-area/#post-5972161)
 * Status: resolved