Full photo text overlay on mouseover

picnooga's Avatar


18 Sep, 2015 04:05 PM


First, love Royal Slider.

I'm creating a vintage photo archive and am using Royal Slider for WP. Is there a way that I can show more information by having the photo dim and overlay text on a mouseover? There's often too much information for blocks, I cannot block out any part of the photo, and blocks don't work well for full screen.


  1. Support Staff 1 Posted by Dmitry Semenov on 19 Sep, 2015 02:41 PM

    Dmitry Semenov's Avatar


    It's possible to implement, but requires HTML/CSS knowledge.

    Use Slide Markup Editor to put additional element after the image in slide http://help.dimsemenov.com/kb/wordpress-royalslider-tutorials/wp-us...

    Then use CSS to stretch it to 100% width/height and :hover to show this element when user hovers over the slide (.rsSlide).

    But note that mouse events don't work properly on touch devices, so consider implementing some fallback solution.


Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Already uploaded files

  • Screenshot_414.png 500 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac