Prose: full width area after sidebar on home page?

[cissyh]

I love Genesis framework and I've used it on my last several designs. I've run into a wall and I'm hoping someone here can help me. I'm certain my problem is embarrassingly simple but I can't seem to find the answer. I'm using Prose to redesign a client's site website, and I'd like to add a full width widgetized area on the home page only at genesis_after_content_sidebar_wrap.

You can see the page I'm working at http://jayneannkrentz.com/dev2013. I'd like everything from "Recent Releases" on down to be full width. Can anyone suggest the best way to accomplish it?

Thanks in advance for your help

http://jayneannkrentz.com/dev2013

[cissyh]

I thought I might get better response if I explained what I'd already done.

I've added this to the custom code area but no new widget is showing up on the widgets page:

/** Register widget areas */
genesis_register_sidebar( array(
	'id'          => 'after-sidebar',
	'name'        => __( 'After Sidebar', 'prose' ),
	'description' => __( 'This is the a full width section after the sidebar but before the footer.', 'prose' ),
) );

add_action( 'genesis_after_content_sidebar_wrap', 'add_genesis_widget_area' );
function add_genesis_widget_area() {
                genesis_widget_area( 'after-sidebar', array(
		'before' => '<div class="after-sidebar widget-area">',
		'after'  => '</div>',
    ) );

}

I'd really appreciate any help you guys can provide. Thanks!

[cissyh]

Another update: I've also tried the following code based on a similar question at http://www.studiopress.community/topic/placing-a-footer-banner-above-footer-widgets-how-is-this/ that I found searching the forum.

Still no new widget area showing up.

//* Register widget areas
genesis_register_sidebar( array(
	'id'          => 'before-footer',
	'name'        => __( 'Before Footer Widget', 'prose' ),
	'description' => __( 'Add Content Before The Footer Site Wide', 'prose' ),
) );

add_action( 'genesis_before_footer', 'prose_before_footer_widget', 1 );

function prose_before_footer_widget() {

if ( is_active_sidebar('before-footer') ) {

		genesis_widget_area( 'before-footer', array(
			'before' => '<div class="before-footer" class="widget-area">',
			'after'	 => '</div>',
		) );

     }

}

[cissyh]

I'm not sure if it's kosher to "bump" messages, but I'm really hoping to get a response on this. Thanks so much.

[cissyh]

Is this an impossible task or am I asking a stupid question? I truly would appreciate help with this issue.

Thanks in advance.

[AnitaC]

Brad has a tutorial on this. See if this works for you.

But... change the genesis_before_content_sidebar_wrap to genesis_after_content_sidebar_wrap. And you can change the slider text to whatever you want.

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

Thanks so much for responding. This got me closer. The widget area is appearing on the Widgets list in the dashboard but the text I put into the widget box isn't showing up on the home page.

I put this code at the end of Prose's /lib/init.php file

genesis_register_sidebar( array(
'id' => 'after-sidebar',
'name' => __( 'After Sidebar', 'prose' ),
'description' => __( 'This is a full-width widget on the home page below the sidebar', 'prose' ),
) );
/**
* @author Brad Dalton - WP Sites
* @link http://wpsites.net/web-design/home-page-slider-prose-theme/
*/
 
add_action( 'genesis_after_content_sidebar_wrap', 'child_before_post_box' );
function child_before_post_box() {
if ( is_home() && is_active_sidebar( 'after-sidebar' ) ) {
echo '<div id="after-sidebar">';
dynamic_sidebar( 'after-sidebar' );
echo '</div><!-- end #after-sidebar -->';
}
 
}

And I added this to my stylesheet

#after-sidebar{
margin: 5px 0 10px;
padding: 10px;
overflow: hidden;
}

[AnitaC]

Can you give me a link so I can take a look at the site and code?

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

Sure, it's http://jayneannkrentz.com/dev2013

[AnitaC]

Turn Minify off and any other caching. Clear the cache.

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

Okay, minify is off. I'm still seeing no change. Do you see it?

[AnitaC]

Drag an actual widget in there, not just text.

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

I dragged the categories list over into the widget area. Still nothing displaying.

[AnitaC]

Change before_post_box to after_post_box

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

Okay, the code now reads

genesis_register_sidebar( array(
'id' => 'after-sidebar',
'name' => __( 'After Sidebar', 'prose' ),
'description' => __( 'This is a full-width widget on the home page below the sidebar', 'prose' ),
) );
/**
* @author Brad Dalton - WP Sites
* @link http://wpsites.net/web-design/home-page-slider-prose-theme/
*/

add_action( 'genesis_after_content_sidebar_wrap', 'child_after_post_box' );
function child_after_post_box() {
if ( is_home() && is_active_sidebar( 'after-sidebar' ) ) {
echo '<div id="after-sidebar">';
dynamic_sidebar( 'after-sidebar' );
echo '</div><!-- end #after-sidebar -->';
}

}

[AnitaC]

Add that code to the Custom box and let's see if it works. On the Prose 1.5 announcement it states "we also created a Custom Code page, which is where custom CSS and custom functions can be placed. "

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

I actually tried the code there before I put it in init.php and the widget didn't even show up, but I tried again as we've tweaked the code. Removed it from init.php and moved to the functions box of Custom Code area. The widget is gone again from the Widgets page.

[AnitaC]

Let me send out a tweet on this. Put it back in the init.php so it shows up.

---

Need help with customization or troubleshooting? Reach out to me.

[cissyh]

Done. It's back on the widget list.

[Tom]

Hi Cissy...

Anita's work is spot-on, but it seem you still have a problem. The code from Brad will work (I've used it before for a slider) and it works as you've modified it in a cut-and-paste test on a local install to setup your desired widget.

There must be some small conflict being overlooked.

I've screen-capped my result with Genesis action hooks showing if it helps:

https://i.cloudup.com/kEqBX66Nyg-2000x2000.png

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts