Title: Text on Hover
Last modified: August 11, 2017

---

# Text on Hover

 *  Resolved [mbolsinga](https://wordpress.org/support/users/mbolsinga/)
 * (@mbolsinga)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/text-on-hover/)
 * I just installed Slide Anything Pro, and want to know how to get the text that
   shows up when you hover over the slide, like you have on your webpage with the
   slider that shows Taj Mahal, etc. I tried putting text in the body of the slide,
   but it shows up on top of the slide all of the time. I’d like to have it only
   show up on hover, at the bottom of the slide like in your example.
 * Thanks,
    Marcia
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftext-on-hover%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [simonpedge](https://wordpress.org/support/users/simonpedge/)
 * (@simonpedge)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/text-on-hover/#post-9403660)
 * Hi, you need some custom CSS to accomplish this.
    Within each slide, enclose 
   the text you want to display within ‘<p>’ tags – e.g. <p>The Sydney Opera House
   is a multi-venue performing arts centre in Sydney, Australia. It is one of the
   20th century’s most famous and distinctive buildings.</p>
 * And then use the following CSS:
    #slider_image_demo .owl-item .sa_hover_container
   p { position: absolute; bottom: 10px; margin: 0px 10px; padding: 5px; background-
   color: transparent; color: transparent; font-size: 12px; line-height: 16px; -
   webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-
   transition: all 300ms ease-in; transition: all 300ms ease-in; } #slider_image_demo.
   owl-item .sa_hover_container:hover p { background-color: rgba(0,0,0,0.5); color:#
   ffffff; }
 * NOTE: Replace ‘#slider_image_demo’ with the CSS ID of your SA slider.
 *  Thread Starter [mbolsinga](https://wordpress.org/support/users/mbolsinga/)
 * (@mbolsinga)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/text-on-hover/#post-9404538)
 * Thank you. That worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Text on Hover’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slide-anything.svg)
 * [Slide Anything - Responsive Content / HTML Slider and Carousel](https://wordpress.org/plugins/slide-anything/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slide-anything/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slide-anything/)
 * [Active Topics](https://wordpress.org/support/plugin/slide-anything/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slide-anything/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slide-anything/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [mbolsinga](https://wordpress.org/support/users/mbolsinga/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/text-on-hover/#post-9404538)
 * Status: resolved