Skip to content

Instantly share code, notes, and snippets.

@srikat
Created May 9, 2014 13:48
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/8558ea4cbf141980d94b to your computer and use it in GitHub Desktop.
Save srikat/8558ea4cbf141980d94b to your computer and use it in GitHub Desktop.
Full-width background image in Home Top widget area of Enterprise Pro. http://sridharkatakam.com/use-full-width-background-image-home-top-widget-area-enterprise-pro/
.home-top {
background: url("images/picjumbo.com_IMG_6424-1600.jpg") no-repeat;
border-top: 1px solid #333;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home-top .wrap {
padding-top: 90px;
padding-bottom: 90px;
}
.home-top .widget {
max-width: 400px;
float: right;
background: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding-bottom: 40px;
}
.home-top .widget p {
color: #000;
}
@media only screen and (max-width: 1023px) {
.home-top .widget {
padding-bottom: 0;
}
}
@media only screen and (max-width: 768px) {
.home-top .widget {
max-width: none;
}
}
@media only screen and (max-width: 320px) {
.home-top .wrap {
padding-top: 30px;
padding-bottom: 30px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment