.tsidesign_feature {
margin: 0 !important;
padding: 0 !important;
}
.tsidesign_feature .the_list_item {
margin: 0 !important;
width: 25% !important;
clear: none !important;
}
.tsidesign_feature .the_list_item, .tsidesign_feature .the_list{
margin-bottom: 0 !important;
}
.tsidesign_feature .the_list_item_image::before {
display: none !important;
}
.tsidesign_feature .the_list_text {
overflow: hidden !important;
}
.tsidesign_feature .the_list_item_image {
background-color: transparent !important;
}
.tsidesign_feature .the_list_item.hero .the_list_item_heads, .tsidesign_feature .the_list_item.no_image .the_list_item_heads {
background: rgba(0, 0, 0, 0.4) !important;
}
.tsidesign_feature .the_list_item:not(.no_image) .the_list_text {
background: rgba(0, 0, 0, 0.4) !important;
}
.tsidesign_feature span{
font-weight: 600 !important;
}
.tsidesign_feature .the_list_item_heads h3{
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
z-index: 2 !important;
width: 50% !important;
font-weight: lighter !important;
}
.tsidesign_feature .the_list_text {
background: rgba(0, 0, 0, 0) !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 10 !important;
margin: 0 !important;
text-align: right !important;
opacity: 0 !important;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;
transition: opacity 0.35s, transform 0.35s !important;
-webkit-transform: translate3d(-40px,0,0) !important;
transform: translate3d(-40px,0,0) !important;
}
.tsidesign_feature .the_list_text:hover{
opacity: 1 !important;
-webkit-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
}
.tsidesign_feature .the_list_item_desc p{
letter-spacing: 1px !important;
font-size: 1.2rem !important;
font-weight: lighter !important;
border-right: 1px solid #fff !important;
padding: 1rem !important;
margin: 2rem !important;
height: 75% !important;
}
@media(max-width: 1100px) and (min-width: 575px){
.tsidesign_feature .the_list_item {
width: 50% !important;
margin: 0% !important;
}
}
@media(max-width: 575px){
.tsidesign_feature .the_list_item{
width: 100% !important;
}
}
Live url: http://designsource.townsquareinteractive.com/features/
Screenshot: https://cl.ly/3B0h0B0h131d
Screenshot: https://cl.ly/3B0h0B0h131d
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.