Change color of mouse-over effect

I have chosen the red option as my styling theme. On my three feature area on the home page, when you hover over the image of the feature column, the mouse-over effect makes a pink color...which really contrasts with my design. Instead of a pink mouse-over color effect, can I make that a gray or white? Thank you.

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content .feature-content-inner .mask {
    background-color: white !important;
}
.feature-content .feature-content-inner .image-box:hover .mask {
    opacity: 0.8;
}

Note: Change color as per your interest.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com