Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Can't configure hover image in Simple Portfolio

Featured Lock Resolved Issue
I want to use Simple Portfolio for video. But I couldn't figure out, how to change the hover image, or even better, make it disappear. I tried different solutions you mentioned in the forum, but it didn't work. Do you have a solution? If it's a css code, where do I have to put it?

Best, Falko

Attachments (1)

  • hover.jpg
    hover.jpg 34.1 KB

10 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please use this css into your custom css and remove the previous one

.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
transform: none !important;
}
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
opacity: 0 !important;
}



-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please share your site url here?
And please specify which hover image you are trying to remove?
In the meantime please use this css into your custom css to check if the hover effect is working or not

.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
transform: none !important;
}

Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

openframes

More than a month ago #Permalink
Hello Sifat,

thank you for fast reply. My page is not yet on air, but I released it temporarily. Anyway, I think it's a problem of Simple Portfolio. I couldn't find an option to change the hover image. Also your custom code didn't change anything.

Best, Falkopage link

Sifat - Staff

More than a month ago #Permalink
Hi,
You are using floox template and that's why my code didn't worked.
Actually there is no option to change the hover image but you can remove this.
Please use this css into your custom css to remove that hover image.

.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
display: none;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
transform: none !important;
}


-Thanks

openframes

More than a month ago #Permalink
...it worked a bit too well. The hover image disappeared, but also the link funktion of the windows. There should be some hover effect and also a working pop up link.

openframes

More than a month ago #Permalink
Thank you! That's fine for me.

Sifat - Staff

More than a month ago #Permalink
You are most welcome

whcuser

More than a month ago #Permalink
Thanks! Hover disable worked for me. Exellent many thanks!

Sifat - Staff

More than a month ago #Permalink
Thanks! Hover disable worked for me. Exellent many thanks!

You are most welcome


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Sifat

Sifat

Total Accepted Answers: 88
Toufiq

Toufiq

Total Accepted Answers: 41
Pavel

Pavel

Total Accepted Answers: 6
Al Mamun

Al Mamun

Total Accepted Answers: 3

114

Templates

292558

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us