Blur As Hover Effect For Sp Simple Portfolio - Question | JoomShaper

Blur As Hover Effect For Sp Simple Portfolio

TD

TOCHTERMANN DAMIEN

Extension 6 days ago

Hello,

How can i change Red color to a blur effect on hover for Sp Simple Portfolio (https://diemer-photo.com) ?

Thanks

0
3 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 5 days ago

You are welcome. Please use this CSS to Template Options -> Custom Code -> Custom CSS

.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover 
.sp-simpleportfolio-info .sp-simpleportfolio-intro,
.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover 
.sp-simpleportfolio-info h5 a,
.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover 
.sp-simpleportfolio-info .sp-simpleportfolio-tags{
    color: white !important;
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 6 days ago

Hello TOCHTERMANN DAMIEN

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover:before, 
.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap 
.sp-simpleportfolio-info:hover{
    background-color: transparent !important;
}
.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover 
.sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img{
    filter:  blur(10px) !important;
}

Best regards

0
TD
TOCHTERMANN DAMIEN
Accepted Answer
5 days ago

Thanks, works perfect. Where should i add the color for text on hover ( white) in these lines ? thanks

0