Change 3 columns footer widgets in 4 columns widgets in Genesis

This tutorial provides the steps to change the default 3 columns footer widgets in 4 columns widgets in Genesis Sample.

Default 3 columns Widgets.

Updated 4 columns Widgets.

STEP 1

Open child-theme/functions.php and find this line

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

and change the value to 4.

OR

Open child-theme/config/theme-supports.php and find this line

	'genesis-footer-widgets'          => 3,

change the value to 4.

Go to Appearance > Widgets and Drag Widget in Footer 4.

STEP 2

Open child-theme/style.css and under min-width: 960px; change the css width for 4.

	.footer-widget-area {
		float: left;
		margin-bottom: 0;
		width: calc(100% / 3);
	}

to

	.footer-widget-area {
		float: left;
		margin-bottom: 0;
		width: calc(100% / 4);
	}

You can similarly change the footer widgets column to 2, 5 or 6.