pastor80

Its not gonna change anytime ever so I figure Im good with this solution. Im not a writing code kind of guy (more of a copy/paste kind of one 😉 lol ) so was looking for a sollution where i didnt have to change the whole carousel with a new class or something 🙂

Slider code

/* Flex Slider css *****************************************************************************************************************
********************************************************************************************************************************/
/*.carousel{
margin-bottom:40px;
}*//*
.carousel-inner {
max-height: 470px !important;
}*/

.carousel-inner img{
width:100%;
}
.carousel-caption{
top: 50% !important;
}
.carousel-control .fa .fa-chevron-left{
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}

.carousel-text h1 {
margin: 0 0 0px 0;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 3em;
font-family: ‘Open Sans’, sans-serif;
font-weight: 700;
color: #fff;
/* text-transform: uppercase; */
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
line-height: 1.4em;
background:rgba(0,0,0,0.6);
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-ms-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}

.carousel-text .enigma_blog_read_btn{
font-size: 17px;
color:#fff;
display:inline-block;
transition: all 0.4s ease 0s;
padding:5px 10px 5px 10px ;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
margin-bottom:20px;
border-radius:2px;
text-shadow:none;
}

.carousel-list li {
color: #fff;
font-size: 17px;
margin-bottom: 10px;
overflow: hidden;
font-weight: 600;
font-family: ‘Open Sans’, sans-serif;
padding:10px;
padding-left: 10px;
padding-right: 10px;
line-height:23px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

}
.carousel-list li:nth-child(1) {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-ms-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}
.carousel-list li:nth-child(2) {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}

.carousel-list li:nth-child(3) {
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
-ms-animation-delay: .7s;
-o-animation-delay: .7s;
animation-delay: .7s;
}

.enigma_slider_shadow{
background: url(‘./images/shadow1.png’) no-repeat top center;
position: absolute;
left: 0;
right: 0;
height: 80px;
z-index: 99;
width:100%;
background-size: 100% 100%;
height: 60px;
bottom: -60px;
}