Add full width widget above footer

[jmgroup]

http://www.jupiteryoga.net/new/

Need to add a full width widget above the footer in the Agency Pro theme.
Could you help me with that?

Many thanks,
Marcia

http://www.jupiteryoga.net/new/

[CleanPageDom]

Hi Marcia

How are you with editing functions.php and style.css? I ask because Carrie Dils has a great tutorial on adding a widget area which you could adapt for your purpose.

She's edited it since I started using it, but the link is here: http://www.carriedils.com/add-widget-area-below-nav/

Thinking about it, you may need to edit front-page.php (if it exists in that theme) to get this to work on the front page.

This is what I have on my cheat sheet:

Add this to functions.php

/** Register widget area */
genesis_register_sidebar( array(
	'id'				=> 'cta-1',
	'name'			=> __( 'Call to Action #1', 'mp' ),
	'description'	=> __( 'This is the call to action section.', 'mp' ),
) );

/** …place that widget before the footer */
add_action( 'genesis_before_footer', 'mp_cta_genesis' );

/** …and display it site-wide */
function mp_cta_genesis() {
if ( is_single() ) {
		genesis_widget_area( 'cta-1', array(
			'before' => '<div id="cta"><div class="wrap">',
			'after' => '</div></div>',
		) );
 
	}
}

/* CSS FOR ABOVE */

#cta {
background-color: #333;
color: #fff;
clear: both;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.625;
overflow: hidden;
padding: 64px 0;
padding: 4rem 0;
}

#cta .wrap {
padding: 0 5%;
}

#cta a.cta-button:hover {
color: #222;
}

#cta a:hover {
color: #FFF;
}

---

Let’s build a website together…

[Author]

Posts