Genesis Footer Widgets

functions.php

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

style.css

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

.footer-widgets-1 {
    float: left;
}

/****************************************************************/

functions.php

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

style.css

.footer-widgets-1,
.footer-widgets-2 {
    width: 50%;
    padding: 1%;
}

.footer-widgets-1 {
    float: left;
}

.footer-widgets-2 {
    float: right;
}


/****************************************************************/

functions.php

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

style.css

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    width: 33%;
    padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2 {
    float: left;
}

.footer-widgets-3 {
    float: right;
}



/****************************************************************/

functions.php

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

style.css

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
 width: 25%;
 padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
 float: left;
}

.footer-widgets-4 {
 float: right;
}



/****************************************************************/

functions.php

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

style.css

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
 width: 19.5%;
 padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
 float: left;
}

.footer-widgets-5 {
 float: right;
}



/****************************************************************/

functions.php

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

style.css

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5,
.footer-widgets-6 {
 width: 16.5%;
 padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4,
.footer-widgets-5 {
 float: left;
}

.footer-widgets-6 {
 float: right;
}