Hi,

Now, i understand.

Please go to Customize > Addtional CSS, add custom code to do that 

.penci-image-box .penci-fea-in.boxes-style-3 h4 span span:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0.6;
}
.penci-image-box .penci-fea-in.boxes-style-3 h4 span span{
     background: transparent !important;
}

you can change background color(  background: #fff;  ) and opacity (  opacity: 0.6; ) to any color and opacity.

If it not work, please send me your website management information( admin url site, username and password ). I will check it help you.

Best Regards,

PenciDesign

Hi,

Please try with custom css

.penci-image-box .penci-fea-in.boxes-style-3 .fea-box-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: #000;
    opacity: 0.3;
    transition: all 0.3s;
}

// on hover

.penci-image-box a:hover .penci-fea-in.boxes-style-3 .fea-box-img:before {
    opacity: 0.5;
}

You can change opacity to opacity any you want.

Best Regards,

PenciDesign

Best Regards,

PenciDesign

Hi,

Please try go to Customize > Addtional CSS , then add custom css to do that

.penci-image-box .penci-fea-in.boxes-style-3 .fea-box-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    content: "";
    background: #000;
    opacity: 0.3;
}

you can change opacity  from 0 to 1 . Example 0.3

Best Regards,

PenciDesign