How Do I Merge Footers Into One Big Footer?

[sweatandfuel]

Hi

I'm using the Genesis Sample Child Theme which comes with three footers - can anyone help me merge these into one big footer please? No idea what I'm doing 🙂

Thanks!

http://sweatandfuel.com

[Tim Squires]

Hi,
This involves some coding, if you get stuck let me know.

I would leave the current footer widgets inactive (don't put anything in them now, but keep them there in case you need them later).

Then I would add in another new widget area to go full width across the page.

To understand the process, take a look at this tutorial by Brian Gardner, but instead of using the hook 'genesis_before_header' I would use 'genesis_before_footer':
http://briangardner.com/add-widget-area-site-header/

The Genesis Visual Hook Guide plugin will help you to see the area that I am talking about.

You will need to use css to style your new widget area.

I hope that helps, but as I said, let me know if you get stuck.
Cheers,
Tim

---

timsquires.com.au

[Tim Squires]

Hi,
Also, if you don't mind losing your current widgets, you could use this tutorial and adjust from 3 back to 1 accordingly:

http://my.studiopress.com/tutorials/add-footer-widgets/

Hope I'm not confusing you, but that is closer to your original goal and may be easier.

Cheers,
Tim

---

timsquires.com.au

[Carlo]

Hi sweatandfuel. I think what Tim's saying is that you want to find this line of code in your theme functions:

add_theme_support( 'genesis-footer-widgets', 3 );

and replace it with this:

add_theme_support( 'genesis-footer-widgets', 1 );

Then, you'll also want to add this code to the bottom of your theme stylesheet:

.footer-widgets-1 {
width: 100%;
}

---

Comprehensive, easy to follow Genesis documentation

[Tim Squires]

Hi Carlo,
Thanks, yes, that's explained much more clearly.

Hi Sweatandfuel,
This is the code that I added to my functions.php (with Carlo's help) to achieve the display currently on my sandbox site:

//* Register before footer widget area
genesis_register_sidebar( array(
'id' => 'before-footer',
'name' => __( 'Before Footer', 'sample' ),
'description' => __( 'This is the before footer widget area.', 'sample' ),
) );

//* Hook before footer widget area before site footer
add_action( 'genesis_before_footer', 'bg_before_footer_widget_area', 5 );
function bg_before_footer_widget_area() {
genesis_widget_area( 'before-footer', array(
'before' => '<div class="before-footer widget-area"><div class="wrap">',
'after' => '</div></div>',
) );
} 

The effect is here, with calendars added in to show content in the widget areas:
http://www.timsquires.com.au/sandbox/
I though that this would be a good option if you wanted a full-width widget area but also would like to retain your existing footer widgets for possible future use.

Otherwise, yes, Carlo's last suggestion is very clear and should work if you just want to change what's there already.

Cheers,
Tim

---

timsquires.com.au

[sweatandfuel]

OH THANKS GUYS!! Looking just right 🙂

[Carlo]

I recently published a tutorial on this topic:
http://carlomanf.id.au/merge-footer-columns/

---

Comprehensive, easy to follow Genesis documentation

[Author]

Posts