Demo Style 2
Try our Plugins
Helping you make changes to your website with no knowledge of code.
Browse Our Child Themes
Kick start your next web design project with our beautiful child themes!
Our Tutorials
Our Skill will help you achieve both the aesthetic and functional goals.
Css Code
.dct-blurb-style-2{
padding: 50px 35px;
background: #fff;
border: 1px solid #eee;
border-bottom-color: #428ef8;
text-align: center;
position: relative;
transition: all 0.5s ease 0s;
}
.dct-blurb-style-2:hover{ border: 1px solid #428ef8; }
.dct-blurb-style-2:before,
.dct-blurb-style-2:after{
content: "";
width: 70%;
height: 5px;
background: #428ef8;
opacity: 0;
position: absolute;
top: -3px;
left: 35%;
transform: translateX(-50%);
transition: all 0.5s ease 0s;
}
.dct-blurb-style-2:hover:before,
.dct-blurb-style-2:hover:after{
opacity: 1;
left: 50%;
}
.dct-blurb-style-2:after{
top: auto;
bottom: -3px;
}
.dct-blurb-style-2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
width: 65px;
height: 65px;
line-height: 65px;
border-radius: 50%;
background: #428ef8;
margin: 0 auto 20px;
font-size: 26px;
color: #fff !important;
}
.dct-blurb-style-2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
font-size: 20px;
font-weight: bold;
color: #252525;
margin: 0 0 10px 0;
transition: all 0.5s ease 0s;
text-align:center;
font-variant:small-caps;
}
.dct-blurb-style-2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{ opacity: 0; }
.dct-blurb-style-2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
font-size: 14px;
color: #7a7a7a;
line-height: 25px;
margin: 0;
transition: all 0.5s ease 0s;
text-align:center;
font-variant:small-caps;
}
.dct-blurb-style-2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
margin-top: -20px;
padding-bottom: 20px;
}
@media only screen and (max-width:990px){
.dct-blurb-style-2{ margin-bottom: 30px; }
}
Subscribe To Download
Once you scbscribe then download link will be available.it dose not take long to get left behind! Stay up to date with the latest news from us.Each week we share useful content, development news, WordPress tips, Divi tutorials and more.
