Community Forums › Forums › Archived Forums › General Discussion › How to make the footer area full width?
Tagged: site footer
- This topic has 9 replies, 2 voices, and was last updated 5 years, 6 months ago by NonTechie.
-
AuthorPosts
-
October 17, 2018 at 1:43 am #223794NonTechieMember
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 #223797Brad DaltonParticipantOctober 18, 2018 at 12:43 am #223816NonTechieMemberHi Braddalton,
I am using Genesis News Pro child them.
Thank
October 18, 2018 at 1:10 am #223819Brad DaltonParticipantOctober 18, 2018 at 1:25 am #223822NonTechieMemberThe whole black stripe in the bottom of the pages/posts.
October 18, 2018 at 4:51 am #223824NonTechieMemberHi Braddalto
I am referring to both, the site footer and the footer widget area.
Thank you
Best
October 18, 2018 at 5:04 am #223825Brad DaltonParticipantI 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/
October 18, 2018 at 10:05 am #223835NonTechieMemberYou 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 #223840NonTechieMemberHere 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 #223841NonTechieMemberI 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' ),
) ); -
AuthorPosts
- The topic ‘How to make the footer area full width?’ is closed to new replies.