.tsidesign_feature4 {
max-width: 106rem !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: -15rem !important;
position: relative !important;
z-index: 98 !important;
}
.tsidesign_feature4 .the_list_item .the_list_item_image{
border: 4px solid #ffffff !important;
border-radius: 50% !important;
margin: 0 auto !important;
max-width: 16rem !important;
padding: 2.7rem !important;
background-color: #ff0000 !important;
box-shadow: 0px 0px 10px -3px #000 !important;
}
.tsidesign_feature4 .the_list_item {
display: inline-block !important;
vertical-align: middle !important;
-webkit-transform: translateZ(0) !important;
transform: translateZ(0) !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
-moz-osx-font-smoothing: grayscale !important;
-webkit-transition-duration: 0.3s !important;
transition-duration: 0.3s !important;
-webkit-transition-property: transform !important;
transition-property: transform !important;
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important;
}
.tsidesign_feature4 .the_list_item:hover {
-webkit-transform: translateY(-8px) !important;
transform: translateY(-8px) !important;
}
@media(max-width:800px) {
.tsidesign_feature4 {
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0rem !important;
position: relative !important;
}
}
Screenshot: https://cl.ly/2P1k3o0U3G0u
Live url: http://designsource.townsquareinteractive.com/features/
Live url: http://designsource.townsquareinteractive.com/features/
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.