How to change the brand triangle hover to a circle?


Just copy-paste at the end of your CSS file, these lines of code.

.partners-carousel .partners-item:before{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 95px;
	height: 95px;
	border: 1px solid #d2d2d2;
	border-radius: 50%;
	opacity: 0;
	background-color: white;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	   -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	    -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
	     -o-transform: translateX(-50%) translateY(-50%) scale(0.8);
	        transform: translateX(-50%) translateY(-50%) scale(0.8);
    -webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}

.partners-carousel .partners-item:hover:before{
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	   -moz-transform: translateX(-50%) translateY(-50%) scale(1);
	    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
	     -o-transform: translateX(-50%) translateY(-50%) scale(1);
	        transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}

.partners-carousel .partners-item:after{
	display: none !important;
}

.partners-item a:after{
	display: none !important;
}

Last update:
2015-11-08 13:31
Author:
Vlad Sargu
Revision:
1.0
Average rating:0 (0 Votes)