On Sale

/* ----------------------------------------- */ /* Content Template: Loop item in On Sale For Sales Page - start */ /* ----------------------------------------- */ .product-name {text-align: center; font-size: 110%; height: 80px; overflow: hidden;} .prod {margin-top: 2px; border: 1px solid #cccccc; padding: 5px;} .price {text-align: center; height: 25px; overflow: hidden;} .woocommerce img, .woocommerce-page img { margin: auto; display: block; } figure { display: block; position: relative; overflow: hidden; } figcaption { position: absolute; display: block; background: transparent; color: white; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; width: 100%; } figure:hover figcaption { opacity: 1; } figure:before { content: "?"; position: absolute; font-weight: 800; background: black; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; } figure:hover:before { opacity: 0; } .cap-left:before { opacity:0; } .cap-left figcaption { bottom: 22px; display: block; } .cap-left:hover figcaption { opacity:1; } .woocommerce .wcviews_onsale_wrap .onsale, .woocommerce-page .wcviews_onsale_wrap .onsale { position: relative !important; display: inline-block !important; border-radius: 40px; min-width: 0; min-height: 0; text-align: left; padding: 5px 15px; text-transform: uppercase; background: #D3341F; font-size: 14px; line-height: 18px; color: #fff; font-style: italic; left: 10px; } .wcviews_onsale_wrap .onsale:before { border: 0px solid transparent; } .wcviews_onsale_wrap .onsale:after { border: 0px solid transparent; } .block {display: block;} /* ----------------------------------------- */ /* Content Template: Loop item in On Sale For Sales Page - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Testimonials Slider – slide - start */ /* ----------------------------------------- */ .testi-extract {color: white; font-size: 124%;} .testi-name { text-align: right; font-style: italic;} /* ----------------------------------------- */ /* Content Template: Testimonials Slider – slide - end */ /* ----------------------------------------- */