Portfolio Thumbnail Rollover Options

Hey there,

I’m trying to change the portfolio rollover effect on my page at http://www.topdrone.ie/top-drones-portfolio/

Currently, the rollover shows a black screen and permalink icon. I want to know what options I have to change this effect?

Do I have to change the CSS or some html code? Any help in pointing me in the right direction will be much appreciated…

Thanks in Advance

Terry

Hi There,

Regretfully there is no such option to customize the effect. But you can certainly do it with custom CSS.
The custom CSS can written in Theme Option -> Global CSS. If you are not comfortable with CSS you can anyway take help from a developer.

Thanks

Ok, thanks for the reply…

Hi Terry,

These codes might help you get started:

a.entry-thumb:hover img {
    opacity: 1;
}

a.entry-thumb:hover:before {
    opacity: 0;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

Hi Jade

Thank you very much, that is just what I was looking for. Much appreciated!

Terry

You are most welcome!
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.