Hello,
I have visited the URLs you provided. Please try and add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.promo-banner-wrapper .wrapper-content-banner:hover {
background: rgba(239, 0, 0, 0.3);
}
This CSS will work the same for all promo banners.
If you want to add it for a specific promo banner then you need to assign the promo banner an extra class then targeting the class you can assign it to the specific item.
Screenshot for Clarification: https://ibb.co/6tFHpKW
Then you can use the following CSS below to make it work for the specific banner.
.first1 .wrapper-content-banner:hover {
background: rgba(239, 0, 0, 0.3);
}
In the above CSS the .first1 is the extra class that i have assigned to the element.
Regard’s.
Xtemos Studio.
.
