Blur as Hover effect for SP Simple portfolio - Forum | JoomShaper
Solved Extensions

Blur as Hover effect for SP Simple portfolio

Asked by TOCHTERMANN DAMIEN 4 years ago Last activity 4 years ago

Hello,

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

Thanks

Accepted answer

Marked as the solution
Ofi Khan Staff
4 years 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;
}

2 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years 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

TOCHTERMANN DAMIEN Asked this
4 years ago

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

Log in to reply.