-
-
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/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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>', | |
) ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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>', | |
) ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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