Change Width for only Home – Slider in Executive Pro

[SociallyExceptional]

Hello!

How can I get the size of the Home-Slider area on this Executive Pro theme here: http://charisbiblecollegekansascity.org/NewCBC/ . All that needs to go the full length of the screen is the slider, so I don't want to change the margins for the entire page.

Thanks in advance!

http://charisbiblecollegekansascity.org/NewCBC/

[Victor Font]

Your site is locked so we can't see the code, but the principle is to move the slider widget to a different Genesis hook that is outside of the site-container. The genesis_before hook will do this for you. You have to modify the theme's front-page.php. Create a new function in the page:

function executive_home_slider() {
    genesis_widget_area( 'home-slider', array(
		'before' => '<div class="home-slider widget-area">',
		'after'  => '</div>',
	) );
}

Remove the home-slider markup from the current executive_home_sections() function.

Add add_action( 'genesis_before', 'executive_home_slider' ); just after the remove_action( 'genesis_loop', 'genesis_do_loop' ); and before add_action( 'genesis_loop', 'executive_home_sections' ); in the executive_home_genesis_meta function.

function executive_home_genesis_meta() {

	if ( is_active_sidebar( 'home-slider' ) || is_active_sidebar( 'home-top' ) || is_active_sidebar( 'home-cta' ) || is_active_sidebar( 'home-middle' ) ) {

		remove_action( 'genesis_loop', 'genesis_do_loop' );
		add_action( 'genesis_before', 'executive_home_slider' );
		add_action( 'genesis_loop', 'executive_home_sections' );
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
		add_filter( 'body_class', 'executive_add_home_body_class' );

	}

}

You'll very likely have to restyle the area in css because you're moving it from its normal location.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts