Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save srikat/9032390 to your computer and use it in GitHub Desktop.
Save srikat/9032390 to your computer and use it in GitHub Desktop.
Home Top Left and Right widget areas in Outreach Pro. http://sridharkatakam.com/home-top-left-right-widget-areas-outreach-pro/
genesis_register_sidebar( array(
'id' => 'home-top',
'name' => __( 'Home - Top', 'outreach' ),
'description' => __( 'This is the top section of the Home page.', 'outreach' ),
) );
genesis_register_sidebar( array(
'id' => 'home-top-left',
'name' => __( 'Home - Top Left', 'outreach' ),
'description' => __( 'This is the top left section of the Home page.', 'outreach' ),
) );
genesis_register_sidebar( array(
'id' => 'home-top-right',
'name' => __( 'Home - Top Right', 'outreach' ),
'description' => __( 'This is the top right section of the Home page.', 'outreach' ),
) );
is_active_sidebar( 'home-top' )
is_active_sidebar( 'home-top-left' ) || is_active_sidebar( 'home-top-right' )
genesis_widget_area( 'home-top', array(
'before' => '<div class="home-top widget-area">',
'after' => '</div>',
) );
genesis_widget_area( 'home-top-left', array(
'before' => '<div class="home-top-left widget-area two-thirds first">',
'after' => '</div>',
) );
genesis_widget_area( 'home-top-right', array(
'before' => '<div class="home-top-right widget-area one-third">',
'after' => '</div>',
) );
/* Home Top Left and Right widget areas
--------------------------------------------- */
.home-top-left .widget:before, .home-top-right .widget:before {
content: " ";
display: table;
}
.home-top-left .widget:after, .home-top-right .widget:after {
clear: both;
content: " ";
display: table;
}
.home-top-left .widget, .home-top-right .widget {
margin: 0;
padding: 29px 29px 29px 0;
}
.home-top-left .widget:first-child, .home-top-right .widget:first-child {
padding-top: 29px;
}
.home-top-left .widget.genesis_responsive_slider, .home-top-right .widget.genesis_responsive_slider {
padding: 0;
}
.content #genesis-responsive-slider {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.home .content {
border-radius: 0;
}
@media only screen and (max-width: 860px) {
.home-top-left .widget, .home-top-right .widget {
padding-left: 29px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment