Blur As Hover Effect For SP Simple Portfolio - Question | JoomShaper
Back to the questions

Blur As Hover Effect For SP Simple Portfolio

TD

TOCHTERMANN DAMIEN

Extension 2 years 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
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #38324

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 2 years ago #38252

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
2 years ago #38266

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

0