promo banner hover effect BORDERED

Please help me to fix promo banner hover effect.

Attachments:

You must be logged in to view attached files.

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

Perfect! Thank you so so so much!

You are welcome!

[Author]

Posts