Adding Footer Widget To Genesis Made Easy

Hi, i will like to share with you how you can add a footer widget to genesis child theme.
Recently, i was building a freelance article blog, then i decide to use genesis freelance child theme, though i love the theme, i was worried because there isn’t a footer widget and i don’t want to discard it.
I later found a workaround which am going to share with you.

Adding Footer Widget To Genesis
Login to your dashboard -> Appearance(located left) -> Editor -> you now at your genesis childtheme editor.
Click function.php and add the below code at the bottom

/** Add support for 3-column footer widgets */ add_theme_support( 'genesis- footer-widgets', 3 ); 

Note: change 3 to the number of footer rows. You may replace with 4 if you so wish.

Now it time to do a little bit of css styling.
Use below to code to achieve this. Note: edit the below CSS code to suite your desire and place it at the style.css.

 /* Footer Widgets
----------------------------------------------
-------------- */
#footer-widgets {
    clear: both;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 960px;
}
#footer-widgets .widget {
    background: none;
    border: none;
    margin: 0 0 15px;
    padding: 0;
}
#footer-widgets p {
    padding: 0 0 10px;
}
#footer-widgets ul {
    margin: 0;
}
#footer-widgets ul li {
    margin: 0 0 0 20px;
}
.footer-widgets-1 {
    float: left;
    margin: 0 20px 0 0;
    width: 300px;
}
.footer-widgets-2 {
    float: left;
    width: 300px;
}
.footer-widgets-3 {
    float: right;
    width: 300px;
}

Then goto appearance -> Widget page, and drag the footer widget, then do what you need to do.

For those who are afraid of coding and wouldn’t want to mess up their site, simple install genesis footer widgets plugin. And you good to go.