Slider on the Left, Sidebar on the Right…How?

I just chatted with HostGator support and they are seeing the site fine and say there are no issues currently.

Maybe it’s cleared up for you?

I did add the extra sidebar on the functions.php file.

genesis_register_sidebar( array(
‘id’ => ‘slider-2’,
‘name’ => ‘After Content Ad’,
‘description’ => ‘This is a sidebar that goes after the content.’,
) );

I also added this to the stylesheet

/* Ad Sidebar
———————————————————— */

.after-content-ad {
clear: both;
margin: 0 auto;
width: 728px;
}

What else am I missing or did I make a mistake?

Okay – you can sorta see it’s working now.

http://berkeycleanwater.com/test/

I added the social icons in the new sidebar.

However, it’s pushed way too far to the right and for some reason the slider is still
too wide. For this test I set the Maximum Slider Width (in pixels): to 520.

1. How do I properly set the slider up while having this newly coded sidebar?
2. On other pages I now have two sidebars. My normal one and this newly added one which is showing up at the bottom.
http://berkeycleanwater.com/test/product-category/berkey-water-filter-systems/

Thanks for all your help!

Oh, I thought I was supposed to add the new content to the “after content ad” widget area.

I just added the search box to the slider2 widget and it’s there but it looks horrible.

Okay, are you saying I coded this wrong?

/**
* Display widget content for “slider” and “welcome” sections.
*
*/
function epik_home_loop_helper_top() {

genesis_widget_area( ‘slider’, array(
‘before’ => ‘<div id=”slider”><div class=”slider-inner”>’,
‘after’ => ‘</div></div>’,
) );

genesis_widget_area( ‘slider-2’, array(
‘before’ => ‘<div id=”slider-2″><div class=”After Content Ad”>’,
‘after’ => ‘</div></div>’,
) );

}

I’m not sure where to define the width. In the style.css file?

I’m getting nowhere with this.

Now all of a sudden I have this error.

Parse error: syntax error, unexpected T_DOUBLE_ARROW in /home2/berkeycl/public_html/test/wp-content/themes/epik/functions.php on line 226

There is no line 226.

***Let me start over please***

1. On the homepage I want the slider I have up there now on the left like it is minus moving it more to the right.

2. I want a custom sidebar on the right. I want to use the exact same sidebar I have in the Primary Sidebar.

I’m starting over from scratch.

Here’s is what I’ve done followed by my questions.

1. I added this code to the functions.php page to register the sidebar. I can now see this registered sidebar when I go to my widgets page.

genesis_register_sidebar( array(

‘id’ => ‘slider-2’,

‘name’ => __( ‘Slider Left Sidebar Right’, ‘epik’ ),

‘description’ => __( ‘This is the slider section of the homepage.’, ‘epik’ ),

) );

2. I added this code to the home.php page

genesis_widget_area ( ‘slider-2’, array(

‘before’ => ‘<div id=”slider-2″><div class=”slider-left-sidebar-right:>’,

‘after’ => ‘</div></div)’,

) );

4. Here is the style I’m using

.slider-left-sidebar-right {

border-bottom: 1px solid #ccc;
margin: 0 auto;
clear: both;
width: 320px;
float: right;
}

If you look at the homepage it obviously doesn’t look right. The sidebar is present but below the slider to the right.

http://berkeycleanwater.com/test/

1. Looking at the code I’m using can you please tell me what I’m doing wrong or how I can fix it to display what I want correctly?

Thank you Eric. I think we’re getting closer. I’m doing my very best to learn this coding.

Here’s what I did to the home.php page. I added the div class to both and used the one already existing called, “slider-innner” which has a width defined in the style.css page as 720px. I chose that width because it’s what I defined in the Genesis Responsive Slider settings.

echo ‘<div class=”slider-inner”>’;
genesis_widget_area( ‘slider’, array(

‘before’ => ‘<div id=”slider”><div class=”slider-inner”>’,

‘after’ => ‘</div></div>’,

) );

genesis_widget_area( ‘slider-2’, array(

‘before’ => ‘<div id=”slider-2″><div class=”slider-left-sidebar-right”>’,

‘after’ => ‘</div></div>’,

) );
echo ‘</div>’;

}

Here is the css for slider-inner:

.slider-inner {
float: left;
margin: 0 auto !important;
overflow: hidden;
padding: 0 0 40px !important;
width: 720px;
}

When you say play around with “the width of both the slider areas” I’m not sure where that is.

After making these changes the sidebar went directly underneath the slider. I did have the slider sorta on the right.

Thanks again. I really appreciate you making me try and learn this instead of just telling me.