• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Terms of Service & Privacy
    • Accessibility
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Infinity Pro: Use 1 Full Width Footer Widget Instead of 3

Infinity Pro: Use 1 Full Width Footer Widget Instead of 3

A member of the StudioPress forum has asked how to use Footer Widget 1 as a full-width widget eliminating Footer Widgets 2 and Footer Widgets 3.  Below are the instructions to accomplish this.

If you are unfamiliar with working with your theme files, stop and ask for help. If you are familiar with modifying your theme files – you should back them up before proceeding.

Open up the functions.php file located in your Infinity Pro theme folder. Look for the following code around line 253 if you have not modified your original file.

Replace this:

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

with this:

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

It will now look like this under Appearance > Widgets:

Update your Stylesheet:

Open up your stylesheet (style.css), also located in your Infinity Pro theme folder. Look for line 1749.

Change this:

.footer-widgets-1,
.footer-widgets-3 {
width: 30%;
}

to this:

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

Then look for this below that around line 1754. Delete it.

.footer-widgets-2 {
padding-left: 4%;
padding-right: 4%;
width: 40%;
}

Next, you’ll want to remove Footer Widgets 2 and Footer Widgets 3 from the media queries (mobile) since you are no longer using them.

Scroll down to this:

@media only screen and (max-width: 800px) {

Remove .footer-widgets-2 and .footer-widgets-3, so the new code will look like this:

@media only screen and (max-width: 800px) {
.content,
.footer-widgets-1,
.header-image .title-area,
.js .genesis-nav-menu .sub-menu,
.js .genesis-nav-menu .sub-menu a,
.sidebar-primary,
.site-header .nav-primary,
.title-area {
width: 100%;
}

Scroll down a little further, look for this. Delete it:

.footer-widgets-2 {
padding-left: 0;
padding-right: 0;
}

Save your new file and clear you cache (if active).

Note: The footer widgets do not display on the home page by design. If you would like the footer widget to be displayed on the home page as well follow these instructions:

Open up the front-page.php file. Look for this around line 52. Remove it and the widget will be displayed.

// Remove site footer widgets.
remove_theme_support( 'genesis-footer-widgets' );

That’s it.

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrint

    Filed Under: Genesis Framework, Genesis Themes, Tutorials

    A recent conflict was found when Genesis Simple Share is activated and configured while using the Posts and Page Grid in Genesis Blocks. The error can be seen when viewing the content on the front end. The error does not display in edit mode. Below is a temporary fix that will allow you to manually set […]

    Reader Interactions

    Comments

    1. Brad says

      December 29, 2018 at 5:42 pm

      Awesome! Thanks for the info. This worked great!

      • Anita Carter says

        December 29, 2018 at 5:47 pm

        You’re welcome!

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2022 · Designed with by Me! · Hosted on SiteGround

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy