Portfolio Thumbnail Rollover Options

[Topdrone]

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

[basanta]

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

[Topdrone]

Ok, thanks for the reply…

[jade]

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.

[Topdrone]

Hi Jade

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

Terry

[basanta]

You are most welcome!
Thanks