Add Optin Box over Minimum Pro Front Page Image

[jonbrantingham]

I am attempting to add an optin box widget over the front page image in Minimum Pro (3.0), but I am failing. If someone can please help, I would appreciate it. So far, I have the following in my functions.php.

`genesis_register_sidebar( array(
    'id'    => 'home-optin',
    'name'  => __( 'Home Page Optin', 'minimum' ),
    'description'   => __( 'An optin box for the featured image', 'minimum' ),
) );`

So far this has created the widget in the widget menu, but I am not sure how to place it on the page.

It is different from the old Minimum theme because backstretch.js is used. I do not know how to code in php.

I am doing this on a dev site locally hosted on my computer, so the link to my website is not Minimum Pro, it is the old minimum website.

http://www.artofcomposing.com

[Sridhar Katakam]

Do you want to place the widget ABOVE the background image or OVER it (i.e., with the image as its background)?

---

Genesis Tutorials | Follow me on Twitter

[jonbrantingham]

I want to place the optin box over it with the image as the background.

[Brad]

You would keep the code you wrote in the functions file. I added the following code to my Minimum Pro theme. I placed the code in the front-page.php file. You would substitute "home-optin" for "home-top-full" below.

//* Add widget area to front page
add_action( 'genesis_after_header', 'minimum_home_top', 15 );
function minimum_home_top() {

	printf( '<div %s>', genesis_attr( 'home-top' ) );
	genesis_structural_wrap( 'home-top' );

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

	genesis_structural_wrap( 'home-top', 'close' );
	echo '</div>'; //* end .home-top

}

In your style sheet you would add styles to .home-top

[Sridhar Katakam]

More detailed article by Brad on this here: http://bradpotter.com/how-to-add-a-home-top-widgetized-area-to-the-minimum-pro-theme/

---

Genesis Tutorials | Follow me on Twitter

[jonbrantingham]

Thanks. That blog post worked perfectly.

[[email protected]]

Hi - I'm not sure if I should start a new post, but I used these instructions, thank you - they worked great!! My only question is --- is there a way to make the new widget area resize or be responsive on smaller screens and mobile devices? I'm working on a demo site at http://74.53.76.128/~hillside/

Thanks!

[Author]

Posts