• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 11.07.18, 15:44
  • Opened by: Rizak
  • Closed by: Marek
  • Closed on: 16.07.18, 20:15
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12530 - Roll over on modules

Hi Marek,

Is it possible to get roll over fonction on Pk text-block images?

Is it possible to get roll over fonction on Pk isotope images?

Thank you

Comments

Marek 13 Jul 2018, 12:24

Could you please show me an example of roll over function?

Rizak 13 Jul 2018, 14:32

Yes, please check file attached.

Mouse is on the highlighted one.

How can i get this on Pk text-block images and Pk text-block images?
I tryed some code but css rules and layout seems to be like “locked” …

Marek 13 Jul 2018, 16:32

Try this:

.text-block img:hover {opacity:0.8}
Rizak 13 Jul 2018, 16:45

Nice, works for pk txt block but not for pk isotope …

I basicly tryed

.product-thumbnail img   img:hover {opacity:0.8}

No good result

Marek 13 Jul 2018, 20:20

try this:

.product-thumbnail img:hover {opacity:0.8}
Rizak 13 Jul 2018, 21:58

Tested, doesn’t work Marek…

Marek 16 Jul 2018, 11:15

it works for me. You can decrease opacity to 0.6 if you want

Rizak 16 Jul 2018, 19:24

True it’s ok now.

Thank you Marek