Adding second widget row to Outreach Pro

[Giuljo]

My client wants a second row of 4 widgets below the first row. I have succeeded in registering a second row in the admin panel but it doesn't show up on the landing page. My edits were as follows:

functions.php

// add second row of widgets to landing page
function outreach_home_bottom_widgets() {
	
	genesis_widget_area( 'home-bottom2', array(
		'before' => '<div class="home-bottom2 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

}

style.css

/* for home bottom 2  */
.home-bottom2 {
	background-color: #fff;
	padding-top: 60px;
}

.home-bottom2 .widget {
	float: left;
	margin-left: 2.564102564102564%;
	width: 23.076923076923077%;
}

.home-bottom2 .widget:nth-child(4n+1) {
	clear: both;
	margin-left: 0;
}

.home-bottom2 .featured-content img {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    1px 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow:         1px 1px 4px rgba(0, 0, 0, 0.4);
}

.home-bottom2 .widget-title {
	color: #333;
	font-weight: 700;
}

page_landing.php

// add second row of widgets to landing page
function outreach_home_bottom_widgets() {
	
	genesis_widget_area( 'home-bottom2', array(
		'before' => '<div class="home-bottom2 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

}

I did see another topic on this but the code referenced there looks nothing like my files. It seems like I'm missing something on the landing page but I can't figure out what. Would greatly appreciate any help is solving this.

[Brad Dalton]

No need to changer the div class.

Make sure your function name is unique, and your widget i.d is unique and duplicate the code.

Your functions file code should only register the widget

---

Tutorials for StudioPress Themes.

[Giuljo]

The widget ID is unique. The widget is registered. I am able to add content on the back end. It's just not showing up on the landing page. The landing page is only showing one row.

[Brad Dalton]

You mean the front-page.php file?

Post your code in a Github gist and link to it from here please.

---

Tutorials for StudioPress Themes.

[Giuljo]

I've posted the code for all 4 files that I edited:

I placed comments in caps for the sections I added.

Thank you so much.

[Brad Dalton]

Missing the hook

add_action( 'genesis_before_footer', 'outreach_home_bottom2_widgets', 12 );

Unless you plan on styling the custom widget differently, you can use the same class

'before' => '<div class="home-bottom widget-area"><div class="wrap">',

---

Tutorials for StudioPress Themes.

[Giuljo]

Perfect! It's working now. I greatly appreciate your help with this. I suspected it would end up coming down to 1 line of code missing. 😀

[Brad Dalton]

Here's more about how add_action and action hooks work.

---

Tutorials for StudioPress Themes.

[Author]

Posts