Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active August 29, 2015 14:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save srikat/23360a6924c65a45c7a8 to your computer and use it in GitHub Desktop.
Save srikat/23360a6924c65a45c7a8 to your computer and use it in GitHub Desktop.
How to replace Front Page 1 image section with a Soliloquy slider in Altitude Pro. https://sridharkatakam.com/how-to-replace-front-page-1-image-section-with-a-soliloquy-slider-in-altitude-pro/
genesis_widget_area( 'front-page-1', array(
'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">',
'after' => '</div></div></div></div>',
) );
genesis_widget_area( 'front-page-1', array(
'before' => '<div id="front-page-1" class="front-page-1"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '">',
'after' => '</div></div>',
) );
/* Soliloquy slider in Front Page 1
--------------------------------------------- */
.front-page-1 .flexible-widgets {
padding-top: 0;
padding-bottom: 0;
}
.front-page-1 .flexible-widgets .widget {
margin-bottom: 0;
}
.front-page-1 .soliloquy-container {
margin-bottom: 0 !important;
}
.front-page-1 .image-section .widget-area {
vertical-align: baseline;
display: block;
}
.front-page-2 .flexible-widgets {
padding-bottom: 0;
}
.front-page-2 .flexible-widgets .widget {
margin-bottom: 0;
}
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
z-index: 9;
}
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.front-page-1 {
position: relative;
}
.front-page-1 .image-section {
padding-top: 75px;
}
.secondary-nav .front-page-1 .image-section {
padding-top: 150px;
}
.front-page-4 .solid-section {
background-color: #f3f3f3;
}
.bottom-image {
margin-bottom: -120px;
margin-top: 100px;
}
.bottom-image img {
margin-bottom: -10px;
}
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
/*border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;*/
z-index: 9;
}
/*.front-page-1,*/
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
/*.front-page-1 {
position: relative;
}
.front-page-1 .image-section {
padding-top: 75px;
}*/
.secondary-nav .front-page-1 .image-section {
padding-top: 150px;
}
.front-page-4 .solid-section {
background-color: #f3f3f3;
}
.bottom-image {
/*margin-bottom: -120px;*/
margin-top: 100px;
}
.bottom-image img {
/*margin-bottom: -10px;*/
vertical-align: top;
}
.featured-section .site-header {
background-color: transparent;
}
.featured-section .site-header > .wrap {
border-bottom: 1px solid #fff;
}
.site-header.dark {
background-color: #000;
}
.site-header.dark > .wrap {
border-bottom: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment