.tsidesign_feature {
margin: 0 auto !important;
padding: 0 !important;
}
.tsidesign_feature .the_list_item {
width: 50% !important;
margin: 0 auto !important;
}
.tsidesign_feature .the_list_item_image{
background-color: #11b6ff !important;
}
.tsidesign_feature .the_list_item_image img{
transition: all 500ms ease-in-out !important;
opacity: 0.6 !important;
}
.tsidesign_feature .the_list_item:hover .the_list_item_image img{
transform: scale(1.1) !important;
opacity: 1 !important;
}
.tsidesign_feature .the_list_item_heads{
top: auto !important;
text-align: left !important;
text-transform: uppercase !important;
}
.tsidesign_feature .the_list_item .the_list_item_heads {
transition: all 500ms ease-in-out !important;
background: rgba(0, 132, 255, .9) !important;
}
.tsidesign_feature .the_list_item:hover .the_list_item_heads{
background: rgba(232, 104, 0, .9) !important;
}
.tsidesign_feature .the_list_item_headline a::after{
opacity: .3 !important;
height: 35px !important;
width: 35px !important;
display: inline-block !important;
float: right !important;
}
.tsidesign_feature .the_list_item_heads{
padding-top: 1rem !important;
}
.tsidesign_feature .the_list_item_action a::after{
float: right !important;
font-size: 100% !important;
}
.tsidesign_feature .the_list_item_action a {
color: #fff !important;
text-shadow: 1px 1px 1px #000 !important;
font-weight: normal !important;
}
.tsidesign_feature .the_list_item:hover .the_list_item_headline a::after{
opacity: 1 !important;
}
.tsidesign_feature .the_list_item_headline, .tsidesign_feature .the_list_item_headline a {
text-shadow: 2px 2px 2px rgba(0,0,0,.4) !important;
font-family: "oswald" !important;
font-weight: normal !important;
}
.tsidesign_feature .the_list_item, .tsidesign_feature .the_list{
margin-bottom: 0 !important;
}
@media(min-width: 600px){
.tsidesign_feature .the_list_item_headline {
font-size: 2rem !important;
}
}
@media(min-width: 575px){
.tsidesign_feature .the_list_item_action a {
font-size: 2rem !important;
}
}
@media (max-width: 568px){
.tsidesign_feature .the_list_item {
width: 100% !important;
}
}
Live url: http://designsource.townsquareinteractive.com/features/
Screenshot: https://cl.ly/1Y1y0N2P2z0c
Screenshot: https://cl.ly/1Y1y0N2P2z0c
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.