WordPress.org

Ready to get started?Download WordPress

Forums

Weptile Image Slider Widget
[resolved] Caption display on hover (2 posts)

  1. Joe Greenwood
    Member
    Posted 1 year ago #

    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/

  2. Joe Greenwood
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.