How to nest slider widget behind page content and adjust size?

[SummitOverworked]

I'm tweaking the genesis sample child theme. My goal is to get a slider that extends the full width of the browser window and to have the homepage content sit over the top of the slider slightly for depth.

Using awesome code and help that was already floating around the internet I've gotten a slider widget area in but I cant figure out where to adjust other spacings or how to make the slider the width of the browser.

Here is the code I put into functions.php to get the slider widget area:

//Add in new Widget areas
function themeprefix_extra_widgets() {
	genesis_register_sidebar( array(
	'id'            => 'slider',
	'name'          => __( 'Slider', 'genesischild' ),
	'description'   => __( 'This is the Slider area', 'genesischild' ),
	'before_widget' => '<div class="wrap slider">',
	'after_widget'  => '</div>',
	) );
}
add_action( 'widgets_init', 'themeprefix_extra_widgets' );

//Position the slider Area
function themeprefix_slider_widget() {
	if( is_front_page() ) {
	genesis_widget_area ( 'slider', array(
	'before' => '<aside class="slider-container">',
	'after'  => '</aside>',));
	}
}

add_action( 'genesis_after_header','themeprefix_slider_widget' );

Any help would is greatly appreciated, I'm the IT guy for this company and WAY outside my comfort zone trying to do this. Please dont judge the design its just a default template from the pagebuilder plugin to give me something to design off of.

http://staging.summitathleticclub.com/

[SummitOverworked]

For anyone curious. I wasn't able to figure out how to adjust the widget area so instead I adjust the padding on the home page using the following:

.home .site-inner {
		clear: both;
		padding-top: 0px;
		word-wrap: break-word;
}

.home .entry {
	background-color: #fff;
	margin-bottom: 40px;
	padding: 0px 80px 70px 80px;
}

Then just created the slider at the top of the page. Its not ideal, but it works.

[InAdvertent]

the site looks very nice

[Author]

Posts