• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to make the footer area full width?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › How to make the footer area full width?

This topic is: resolved

Tagged: site footer

  • This topic has 9 replies, 2 voices, and was last updated 6 years, 8 months ago by NonTechie.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 17, 2018 at 1:43 am #223794
    NonTechie
    Member

    Hi guys

    I am trying to make the footer area of my website to show full width on all pages but I am not sure what code is required and where it should be added.

    At the bottom of my page after the footer area, there is also a white space that I would like to remove.

    I would appreciate any help.

    Thanks,

    https://bestellipticalmachinehut.com/
    October 17, 2018 at 2:28 am #223797
    Brad Dalton
    Participant

    What theme are you using?


    Tutorials for StudioPress Themes.

    October 18, 2018 at 12:43 am #223816
    NonTechie
    Member

    Hi Braddalton,

    I am using Genesis News Pro child them.

    Thank

    October 18, 2018 at 1:10 am #223819
    Brad Dalton
    Participant

    Are you referring to the site footer or footer widget area?


    Tutorials for StudioPress Themes.

    October 18, 2018 at 1:25 am #223822
    NonTechie
    Member

    The whole black stripe in the bottom of the pages/posts.

    October 18, 2018 at 4:51 am #223824
    NonTechie
    Member

    Hi Braddalto

    I am referring to both, the site footer and the footer widget area.

    Thank you

    Best

    October 18, 2018 at 5:04 am #223825
    Brad Dalton
    Participant

    I would look into repositioning the footer elements to another hook which fires after genesis_footer

    Possibly genesis_after_footer or genesis_after.

    You can do that by using remove_action and add_action for each footer function like this https://my.studiopress.com/documentation/snippets/footer/reposition-the-site-footer/


    Tutorials for StudioPress Themes.

    October 18, 2018 at 10:05 am #223835
    NonTechie
    Member

    You are the best Braddalton,

    One part (the footer) is full width now but the footer widget area is still not full width and there is white blank space between the site footer and footer widget area.

    Can you please tell me how to make the widget area full width and remove the while blank area?

    Thanks a lot

    October 18, 2018 at 12:45 pm #223840
    NonTechie
    Member

    Here is the code that I added in function.php

    //* Reposition the footer
    remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
    remove_action( 'genesis_footer', 'genesis_do_footer' );
    remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
    add_action( 'genesis_after', 'genesis_footer_markup_open', 11 );
    add_action( 'genesis_after', 'genesis_do_footer', 12 );
    add_action( 'genesis_after', 'genesis_footer_markup_close', 13 );

    October 18, 2018 at 12:54 pm #223841
    NonTechie
    Member

    I see the following codes in my functions.php but I don't know which one to delete to make the footer widget area full width and connected to the site footer.

    // Close wrap within site-container.
    add_action( 'genesis_after_footer', 'news_close_site_container_wrap' );
    function news_close_site_container_wrap() {

    echo '</div>';

    }

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

    // Add support for after entry widget.
    add_theme_support( 'genesis-after-entry-widget-area' );

    // Relocate after entry widget.
    remove_action( 'genesis_after_entry', 'genesis_after_entry_widget_area' );
    add_action( 'genesis_after_entry', 'genesis_after_entry_widget_area', 5 );

    // Register widget areas.
    genesis_register_sidebar( array(
    'id' => 'home-top',
    'name' => __( 'Home - Top', 'news-pro' ),
    'description' => __( 'This is the top section of the homepage.', 'news-pro' ),
    ) );
    genesis_register_sidebar( array(
    'id' => 'home-middle-left',
    'name' => __( 'Home - Middle Left', 'news-pro' ),
    'description' => __( 'This is the middle left section of the homepage.', 'news-pro' ),
    ) );
    genesis_register_sidebar( array(
    'id' => 'home-middle-right',
    'name' => __( 'Home - Middle Right', 'news-pro' ),
    'description' => __( 'This is the middle right section of the homepage.', 'news-pro' ),
    ) );
    genesis_register_sidebar( array(
    'id' => 'home-bottom',
    'name' => __( 'Home - Bottom', 'news-pro' ),
    'description' => __( 'This is the bottom section of the homepage.', 'news-pro' ),
    ) );

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘How to make the footer area full width?’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble