Tagged: hover effect, Image Link, LayerSlider WP
Hi, 2 things:
1) I using the built in layerslider wp. I have created a slider with multiple images in it, when I add a link to the image the whole image is not clickable. The link area on the image shows up at the every bottom (almost off the image) of the image. Is there something wrong with layerslider wp?
2) Once we get the image link area fixed I would like to add… when someone mouses (without clicking) over an image a colored box drops down over the image with some text and is clickable to a page. How do I make this happen? I have very little knowledge of html or css so please explain in detail. Thanks
Link to site: http://sellmygreenvillehome.com/alt/
Update: I used the Insert Theme Shortcode > Media Elements > Image to get the rollover affect. Works BUT… I am adding 12 staff members to the LayerSlider (all on different layers) and when I paste in the shortcode from the above more than once I lose the rollover affect.
Any suggestions?
I found a work around to not using LayerSlider WP. My question now is I am trying to put 6 images in a row with another row of 6 images under the first set ( I could do this in LayerSlider but it would not allow me to add a rollover affect) . I am using Code Block with my own code. I get 1 image on the top row and the other 5 show below. Can someone help?
Test build at: http://sellmygreenvillehome.com/alt/
Thanks
Hi!
You have a small typo in your code – http://i.imgur.com/bPfQ6Xs.png
Please change single quote to double quote
Regards,
Yigit
LOL! Thanks Yigit. Those little guys get us sometimes. Thanks again for your help, I was pulling my hair out.
Best Wishes,
Bo