WARNING !!
YOUR LAYOUT IS INCOMPLETE!
ADD THE FOLLOWING CODE TO YOUR PAGE / SITE TO COMPLETE IT NOW!
↓
Custom CSS > ADD THIS TO COMPLETE THE LAYOUT! ↓
/* ========================================================================== BACKGROUND IMAGE GROW – PIVOTAL ========================================================================== */
.pivotal:before {
content: “”;
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center;
/*background-position: left bottom;*/
background-size: cover;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
@media only screen and (min-width: 767px) {
.pivotal {
overflow: hidden;
}
.pivotal:hover:before {
transform: scale(1.1);
/*background-position: right top;*/
}
}
HOW TO ADD IT
YOU CAN DELETE THIS SECTION AFTER YOU DO THAT 🙂
Vivamus suscipit tortor eget felis porttitor volutpat.
Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Proin eget tortor risus.
Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
CHECK VIDEO TO SEE HOW TO CUSTOMIZE COLORS LIKE THE LAST PHOTO.