Support » Plugin: Image Slider Widget » Caption display on hover

  • Resolved Joe Greenwood

    (@jgreenwood)


    Hello, great plugin! I am wondering if you could help suggest what CSS or other modification I might use to make the image captions appear only on mouseover, or when the image is hovered over by the mouse pointer. The captions are wonderful, but we only want them to appear when a visitor moves their mouse over the top of the image!

    Thanks!

    http://wordpress.org/extend/plugins/weptile-image-slider-widget/

Viewing 1 replies (of 1 total)
  • Joe Greenwood

    (@jgreenwood)

    Adding this to my theme’s CSS style sheet did the trick:

    /* weptile nivo slider display on hover */
    .nivo-caption { opacity: 0 !important; }
    #widget-weptile-image-slider-widget-6-weptile-image-slider-widget-nivo-slider:hover .nivo-caption { opacity: 0.8 !important; }
    .nivo-caption { -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease; }

    Note that “#widget-weptile-image-slider-widget-6-weptile-image-slider-widget-nivo-slider” is the parent element of the captions.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Caption display on hover’ is closed to new replies.