Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
Created September 18, 2015 03:47
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jamiemarsland/5f7fc3bcafdbd6713945 to your computer and use it in GitHub Desktop.
Save jamiemarsland/5f7fc3bcafdbd6713945 to your computer and use it in GitHub Desktop.
Divi full screen css
/* First we have to make the main header transparent */
#main-header {
background-color: transparent;
}
/* Then we turn off the footer */
#main-footer {
display: none;
}
/* Here we make the content of our page builder sections transparent. This is so that the background image shows through */
.et_pb_section {
background-color: transparent;
}
/* Here we set the background image for our specific pages. We also set the background image to cover so that it always fills the screen */
.page-id-37 {
background-image: url("http://176.32.230.250/divi-fullscreen.com/wp-content/uploads/2015/09/skyline.jpg");
background-size: cover;
}
.page-id-53 {
background-image: url("http://176.32.230.250/divi-fullscreen.com/wp-content/uploads/2015/09/coast.jpg");
background-size: cover;
}
/* Finally we change the header color for our pages that don't have a background image */
.page-id-46 #main-header {
background-color: #188ED4;
}
.page-id-51 #main-header {
background-color: #188ED4;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment