Skip to content

Instantly share code, notes, and snippets.

@srikat
Created November 17, 2013 17:04
Show Gist options
  • Save srikat/7515534 to your computer and use it in GitHub Desktop.
Save srikat/7515534 to your computer and use it in GitHub Desktop.
<div class="home-bkgrd-image-overlay">
<div class="wrap">
<?php echo do_shortcode( '[home_bkgrd_image]' ); ?>
</div>
</div>
/* Overlay div below home slider
--------------------------------------------- */
.home-bkgrd-image-overlay {
min-height: 600px;
margin-top: 62px; /* height of .site-header */
}
.home-bkgrd-image-overlay .wrap {
color: #fff;
text-align: center;
padding-top: 250px;
}
.minimum .site-tagline {
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.home-bkgrd-image-overlay .wrap {
padding-top: 200px;
}
}
@media only screen and (max-width: 480px) {
.home-bkgrd-image-overlay .wrap {
padding-top: 100px;
}
}
@media only screen and (max-width: 320px) {
.home-bkgrd-image-overlay .wrap {
padding-top: 75px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment