Community Forums › Forums › Archived Forums › Design Tips and Tricks › How Do I Merge Footers Into One Big Footer?
Tagged: footer
- This topic has 6 replies, 3 voices, and was last updated 9 years ago by Carlo.
-
AuthorPosts
-
January 30, 2015 at 3:31 pm #139086sweatandfuelMember
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.comJanuary 30, 2015 at 5:51 pm #139095Tim SquiresMemberHi,
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
January 30, 2015 at 10:35 pm #139109Tim SquiresMemberHi,
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
January 31, 2015 at 6:46 am #139145CarloMemberHi 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%; }
January 31, 2015 at 3:27 pm #139204Tim SquiresMemberHi 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
February 7, 2015 at 2:22 pm #140046sweatandfuelMemberOH THANKS GUYS!! Looking just right 🙂
March 30, 2015 at 3:04 am #146066CarloMemberI recently published a tutorial on this topic:
http://carlomanf.id.au/merge-footer-columns/
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.