Styling the oik-nivo-slider caption

hover to slideToggle source

If you want the caption for each slide to only appear when the mouse is hovered over the slide then you can use custom CSS. <!--more-->[div class=w20pc][nivo class=w90pc caption=y link=n ][ediv][div class=w20pc][nivo class="w90pc imagegal" caption=y link=n] Hover over the caption to make it appear. [ediv][div class=w60pc]Here are two slideshows. The second one has a class name of imagegal.  The CSS to override the jQuery code is[bw_css .].imagegal .nivo-caption {opacity: 0.0 !important; -webkit-transition: opacity 2s;transition: opacity 2s; }.imagegal .nivo-caption:hover {opacity: 1.0 !important; }[/bw_css]The <strong>!important</strong> is necessary since it has to override the jQuery that is animating the caption as the slides change.[ediv][clear]<h3>Related</h3>[bw_code nivo][bw_code bw_css][bw_fields]<hr />[bw_wtf][bw_tree post_parent=.]