Thumbnail hover effect and add description

  • Resolved amenmo13

    (@amenmo13)


    11 years, 1 month ago

    I’m using theme Leon. I have been trying to figure out how to add a hover effect on the ARVE thumbnail similar to other thumbnail images on this page, but I have had no success. Hover effects in the theme’s CSS apply to all other images, but not the ARVE thumbnails. Where can I modify the thumbnail image effects?

    I also have a request to add a description field to the colorbox pop-up. Would this be possible?

    Thank you.

    https://www.ads-software.com/plugins/advanced-responsive-video-embedder/

Viewing 1 replies (of 1 total)
  • Plugin Author Nico

    (@nico23)

    You need basic understanding on CSS then you could figure out what classes that ARVE uses and add your hover effect easy.

    Something like this (does not work in ancient browsers)

    .arve-thumb-wrapper a {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}

.arve-thumb-wrapper a:hover {
background-color: rgba(255,255,255,0.5);
}

    should make the thumbnails lighter on hover (untested) another way to do it would be to reduce the opacity of the entire wrapper on hover.

    // edit: Well you should actually look up the CSS rules for the effect of that theme and add the ARVE classes to it, because there is more to it then my example above.

    I have no idea how to add something to colorbox and this is not really the place to ask since I am not the author of colorbox I just use it here in the most basic way – sorry.

Viewing 1 replies (of 1 total)
  • The topic ‘Thumbnail hover effect and add description’ is closed to new replies.