Crystal Theme: Replacing Home Left and Home Right Slider with One slider

[hawaiiguy]

I have been fusing with the Home Left and Right Widgets on Crystal, but it just doesn't give me the look we want.

http://www.blissoftokyo.com

I want to replace the two individual widgets and make it just one - page wide (960px) - image or slider.  Can you pls explain how to do it - in small steps?

~ thanks!

[Brad Dalton]

There's different ways to do this:

You could install the Genesis Simple Hooks plugin and paste the HTML for your image into the genesis_after_header hook field and retain your home top widgets so your image displays before these widgets.

You could remove the home top left and right widgets and replace them with a  full width widget area using a custom function.

Or remove the widgets and simply display an image after your header using simple hooks:

Removing home top left and right widgets:

Remove this code from your home.php file. (backup first)

<div id="home-top">

	<div class="home-top-shadow"></div>

	<div class="home-top-left">
    	<div class="wrap">
			<?php if (!dynamic_sidebar('Home Top Left')) : ?>
      			<div class="widget">
        			<h4><?php _e("Home Top Left", 'genesis'); ?></h4>
        			<p><?php _e("This is a widgeted area which is called Home Top Left. It is using the Genesis - Featured Page widget to display what you see on the Crystal child theme demo site. To get started, log into your WordPress dashboard, and then go to the Appearance > Widgets screen. There you can drag the Genesis - Featured Page widget into the Home Top widget area on the right hand side.", 'genesis'); ?></p>
      			</div><!-- end .widget -->
    		<?php endif; ?>
		</div><!-- end .wrap -->
	</div><!-- end .home-top-left -->

	<div class="home-top-right">
  		<div class="wrap">
			<?php if (!dynamic_sidebar('Home Top Right')) : ?>
      			<div class="widget">
        			<?php if( function_exists('wp_cycle') ) : ?>
          				<?php wp_cycle(); ?>
        			<?php endif; ?>
      			</div><!-- end .widget -->
    		<?php endif; ?>
		</div><!-- end .wrap -->
	</div><!-- end .home-top-right -->

	<div class="clear"></div>

</div><!-- end #home-top -->

There's other ways to display an image in any genesis_hook location using custom functions:

Gist not displaying? Grab the code from github

---

Tutorials for StudioPress Themes.

[Author]

Posts