Premium Media Grid Remove Zoom from Title?

  • Resolved shiningmoon

    (@shiningmoon)


    5 years, 3 months ago

    Hi, I am using Premium Media Grid and have the Hover Effect as ‘Zoom in’ for my images.

    However I also need to insert images (Logos) into the ‘Title’ section under each main image. I inserted it through html which worked fine, however the Zoom effect switches on for these Logos as well which I don’t want..

    I tried to see if I could use custom CSS to switch this zoom effect on for just the title and found the below will affect just the title (tested with opacity, background color etc which worked) Unfortunately could not find a way to switch the zoom off:

    .premium-gallery-img-name {
    ?????
    }

    Is there a way to switch the zoom off for just the “.premium-gallery-img-name” part? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Leap13

    (@leap13)

    Hi @shiningmoon

    Hope you’re having a great day ??

    First, you need to add a class for your title image in the HTML, for example: <img class="my-img" src="img-src" />

    Then, all you need to do is add the CSS lines below into your page:

    .premium-img-gallery.zoomin .pa-gallery-img:hover .my-img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

    Please let me know if you still need assistance.

    Regards

    • This reply was modified 5 years, 3 months ago by Leap13.
    • This reply was modified 5 years, 3 months ago by Leap13.
    Thread Starter shiningmoon

    (@shiningmoon)

    Hi @leap13, that worked perfectly – thank you so much!!

    Plugin Author Leap13

    (@leap13)

    Great, so glad to hear that ??

    It would be appreciated if you could rate us from here. This would really help us.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Premium Media Grid Remove Zoom from Title?’ is closed to new replies.