re-arranging widget area's outreach pro

[Jack]

Hi,

With the current website we are building our client has asked us if we could move the sub footer-right and place it full width between the home-top and home-bottom.

I have made it full width but just don't know how to move the widget areas. Can anyone point me in the right direction or show me how its done.

Any help is greatly appreciated,
Many Thanks,
Jack.

[Marcy]

In the @media only screen and (max-width: 782px) { section, there is:

      .five-sixths,
	.four-sixths,
	.home-widgets .featuredpost .entry,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

Notice that there are no "fifths" there.
Bill's generator generates code for "fifths", but Genesis themes don't include "fifths" anymore.
Just add .one-fifth in that section, and all should be well.

---

Marcy | Amethyst Website Design | Twitter

[Jack]

Thanks for your help, I have now included that. Just need to be able to move the widget area now. Was wondering if it would be easier to rather than move the widget area, to make a new one instead that appears between the home top and home bottom.

Looking through forums and tutorials on how to do this but any help is greatly appreciated.

Many Thanks,
Jack

[Jack]

I went with the idea of making a new widget area but am having a hard time making it appear on the home page.
This is what I have got so far:

in functions.php

genesis_register_sidebar( array(
'id'          => 'home-middle',
'name'        => __( 'Home - Middle', 'outreach' ),
'description' => __( 'This section will appear at above of the home Bottom  widget area.', 'outreach' ),
) );

and in the front page.php

add_action('genesis_home-middle', 'new_home_widget', 1);
function new_home_widget() {

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

}

Any idea's as to why it wont show?

[Marcy]

I'm glad you got the columns sorted, But it looks like I replied to the wrong question. Sorry about that.

---

Marcy | Amethyst Website Design | Twitter

[Marcy]

It looks like the part in the functions.php to create a new widget area is OK.

Open the front-page.php and add to the function outreach_home_top_widgets() {, so it looks like this:

function outreach_home_top_widgets() {

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

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

I edited the class that you had to be "home-middle". It will be easier to know what it is for styling, since you call it Home - Middle for what appears in the widget area.

---

Marcy | Amethyst Website Design | Twitter

[dobird]

Hi, I am trying to change the size of the responsive slider so that I can put something on the other side of it in the Home-Top widget area, could someone please tell me the easiest way to do that? I don't see a hook that allows me to add something in that space. Thank you.

[Author]

Posts