• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to user navigation

PopWP

WordPress and Genesis Tutorials

  • Get Started
  • About
  • Archive
  • Services
  • Membership
  • My Account

Change 3 columns footer widgets in 4 columns widgets in Genesis

Last Updated on July 24, 2019 Favorited: 0 times

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.

Related Posts

  • Magazine style Singular Post Design in Genesis Sample
  • Post Page Blog Archive Template with Layouts in Genesis
  • Site Inner with container background in Genesis Sample
  • Remove Responsive Menus in Genesis Sample 3.0.0+
  • Reposition Secondary menu below Primary Menu in Genesis Sample

Categories: Free Content Tags: Footer Widgets, Genesis Sample

Reader Interactions

Comments

  1. Dare says

    February 8, 2020 at 5:26 pm

    Just changed the genesis sample widget from 3 to 4 using the steps you listed. Worked flawlessly. Thanks for the tips!

Primary Sidebar

Search

WPEngine WordPress Hosting, Perfected.

Hosting You are looking for?.
Perfect solution for small business to global enterprise.

Learn more

StudioPress Genesis Theme Framework

The No.1 Theme Provider.
Creative, SEO rich Theme for all niche projects.

Learn more

Categories

  • Free Content
  • Genesis Tutorials
  • Premium Content
  • Snippets
  • What's New?
  • WordPress Tutorials

Tag Cloud

Archive Background Section blog canvas menu center logo columns conditional tags CSS CSS Grid custom Customizer custom post type Custom Post Types custom template Custom Widget effect eNews Extended Featured Image front-page Genesis Genesis Sample header right hero section Image Background js layout left menu Logo menu Navigation Menu newsletter post page related posts responsive menu search search widget Shrinking Logo site header slide in-out Stylesheet Template Utility Bar Video Background widgets WordPress

Built with Genesis Framework + WordPress by Aryan Raj

  • Contact
  • FAQ
  • Disclaimer
  • Privacy Policy
  • Copyright Policy
  • Terms of Service