How to Re-arrange Widget areas on Digital Pro

[hectc7]

Hello,

I am using Digital Pro. I simply want to have my OUR SERVICES section of my website come before the NEWSLETTER section.

What I attempted was to switch the widgets I used to create these sections and put them in different WIDGET AREAS

I switched the widgets of "FRONT PAGE 2" widget area into "FRONT PAGE 3" widget area

and the widgets of "FRONT PAGE 3" widget area in "FRONT PAGE 2" widget area

However, this created a mess because I'm assuming the widget areas were designed to support only a specific kind of widgets.

So can I simply find a way to rearrange the WIDGET AREAS?

Screenshot link here

Thanks!!!!

http://digitalhmarketing.com

[Brad Dalton]

What happens if you do this:

//* Add widgets on front page
function digital_front_page_widgets() {

	if ( get_query_var( 'paged' ) >= 2 )
		return;

	echo '<h2 class="screen-reader-text">' . __( 'Main Content', 'digital' ) . '</h2>';

	genesis_widget_area( 'front-page-1', array(
		'before' => '<div class="cover">',
		'after'  => '</div>',
	) );

        genesis_widget_area( 'front-page-3', array(
		'before' => '<div id="front-page-3" class="front-page-3"><div class="wrap"><div class="flexible-widgets widget-area fadeup-effect' . digital_widget_area_class( 'front-page-3' ) . '">',
		'after'  => '</div></div></div>',
	) );

	genesis_widget_area( 'front-page-2', array(
		'before' => '<div id="front-page-2" class="front-page-2"><div class="wrap"><div class="flexible-widgets widget-area fadeup-effect' . digital_halves_widget_area_class( 'front-page-2' ) . '">',
		'after'  => '</div></div></div>',
	) );
	
	genesis_widget_area( 'front-page-4', array(
		'before' => '<div id="front-page-4" class="front-page-3"><div class="wrap"><div class="flexible-widgets widget-area fadeup-effect' . digital_widget_area_class( 'front-page-3' ) . '">',
		'after'  => '</div></div></div>',
	) );

}

Untested however i think it should work fine.

---

Tutorials for StudioPress Themes.

[hectc7]

Thanks for the code.

However, I'm new to this. Can you please instruct me on what wordpress file I should post this on and where in the file.

I posted it at the very bottom of my Digital Pro Child Theme's functions.php file and I broke my site. hehehe

Thanks!

[Brad Dalton]

Using FTP and a code editor, replace the existing function in your front-page.php file with the modified code. between lines 109 - 136

---

Tutorials for StudioPress Themes.

[hectc7]

One more question I have.
As you can see by this screenshot, Digital Pro is a CHILD THEME.

And therefore, even if I use FTP, would have to access the front-page.php file through the GENESIS PARENT THEME. Which means when there is an update, all the code would be replaced by the default and my changes would be gone?

Am I understanding this correctly??

Thanks for all your responses BTW.

[hectc7]

Actually, my GENESIS PARENT THEME does not have a front-page.php -- either --as you can see by this screenshot

Thanks!

[hectc7]

OK, SO sorry. Front-page.php DOES EXIST in my Child theme via http://FTP... Who Feels like a fool right now????

ME<-----------This GUY!!

Thanks for all the help... I'll be quiet now 🙂

[Brad Dalton]

Never modify any of the code in Genesis.

All mods should be done via your child theme.

---

Tutorials for StudioPress Themes.

[Author]

Posts