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! ↓
.post-content:after {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 82%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=’#00ffffff’, endColorstr=’#ffffff’, GradientType=0);
content: ”;
display: block;
height: 120px;
position: relative;
top: -120px;
left: 0px;
}
.et_pb_blog_grid .post-content:after {
margin-bottom: -70px;
}
.et_pb_posts a.more-link,
.et_pb_blog_grid a.more-link {
margin-bottom: -25px;
margin-top: 25px;
position: inherit;
text-align: center;
text-transform: capitalize;
font-size: 16px;
color: #0066CC;
letter-spacing: 2px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: block;
}
.et_pb_posts a.more-link:hover,
.et_pb_blog_grid a.more-link:hover {
color: #888;
}
HOW TO ADD IT
YOU CAN DELETE THIS SECTION AFTER YOU DO THAT 🙂
Integer tristique massa id orci ullamcorper faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti sociosqu ad litoraorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti...
Integer tristique massa id orci ullamcorper faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti sociosqu ad litoraorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti...
Integer tristique massa id orci ullamcorper faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti sociosqu ad litoraorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor dignissim dui at suscipit. Class aptent taciti...