Indigo - SP Simple Portfolio Remove Dark Overlay On Image - Question | JoomShaper

Indigo - SP Simple Portfolio Remove Dark Overlay On Image

DE

David Ellison

Template 9 months ago

On the template Indigo I notice when looking at item page on portfolio section by default the images are dark. How do you remove this dark overlay from SP Simple Portfolio item page so that the images are normal?

https://demo3.joomshaper.com/2019/indigo/index.php/portfolio/portfolio-default

Thank you

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #182106

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-overlay {
    background-image: unset !important;
}

-Regards.

1
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #182187

Thanks for accepting the answer.

0
DE
David Ellison
Accepted Answer
9 months ago #182115

Thank you this did work on the item list page but not on the actual item page. It is still dark and just moves on hover.

0
DE
David Ellison
Accepted Answer
9 months ago #182122

Ok I found the fix

.sp-simpleportfolio .sp-simpleportfolio-image:after { content: ""; background-color: transparent!important; }

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #182128

Glad to know that. You can now close this post by accepting the answer.

0