Demo Style 1
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-1{ border:2px solid #0fb513;
padding:10px;
border-radius:0px 30px;
box-shadow: 0 0 1px 5px #0fb513;
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 80px;
position: relative;
color: #fff !important;
background: #0fb513;
padding: 25px 20px;
font-size: 30px;
box-shadow: -3px 3px 3px rgba(0,0,0,0.5);
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:before{
content: "";
background: #0fb513;
border-radius: 50%;
position: inherit;
top: -10px;
left: -10px;
bottom: -10px;
right: -10px;
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after{
content: "";
width: 4px;
height: 0;
background: #0fb513;
margin: 0 auto;
position: absolute;
bottom: -55px;
left: 0;
right: 0;
transition: all 0.3s ease 0s;
}
.dct-blurb-style-1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:after{ height: 45px; }
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon i{
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
line-height: 80px;
background: #fff;
box-shadow: -5px 5px 5px rgba(0,0,0,0.5);
font-size: 35px;
color: #0fb513;
position: absolute;
top: 0;
left: 0;
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_module_header{
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
color: #000;
margin: 0px 0 10px 0;
position: relative;
text-align:center;
font-variant:small-caps;
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_module_header:before{
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
padding: 5px;
margin: -20px auto 0px;
border: 5px solid #0fb513;
box-shadow: -3px 3px 3px rgba(0,0,0,0.5);
position: absolute;
top: -30px;
left: 0;
right: 0;
}
.dct-blurb-style-1 .et_pb_blurb_content .et_pb_blurb_description{
font-size: 15px;
color: #6f6f6f;
letter-spacing: 1px;
line-height: 27px;
margin: 0;
text-align:center;
font-variant:small-caps;
}
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.
