Reply To: promo banner hover effect BORDERED

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .banner-hover-border:not(.banner-border) .wrapper-content-banner:after {
	  border: 1px dashed #bac489;
		
}

body .banner-hover-background:not(.banner-background) .wrapper-content-banner:after, 
body .banner-hover-border:not(.banner-border) .wrapper-content-banner:after {
    transform: scale(1);
    -webkit-transform: scale(1);
}

body .banner-hover-background:hover .banner-image, 
body .banner-hover-border:hover .banner-image {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.promo-banner .wrapper-content-banner {
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
}

.promo-banner:hover .wrapper-content-banner {
	background-color: rgba(0,0,0,0.3)
}

Regards