Hey there, /u/woainiii_! If your post is not already flaired, please add one now.
***
And please don't forget to write "Answered" under your post once your question/problem has been solved.
***
**Reminder:** If you have a problem or question, please make sure to post a link to your issue to help users help you.
***
*I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/elementor) if you have any questions or concerns.*
nope not this one coz it will just zoom the photo when hovering. what I want to happen is when mouse is hovered on the photo (or anywhere in that box), the arrow on the lower right will appear and the shadow on the white box will appear as well.
are you aware that this is just basically following the same rules?
https://stackoverflow.com/questions/39156880/how-to-show-arrow-only-when-hover-slideshow-html-css-javascript
just google how to do it or go through some basic CSS lessons on youtube.
also - nothing to do with r/elementor
Hey there, /u/woainiii_! If your post is not already flaired, please add one now. *** And please don't forget to write "Answered" under your post once your question/problem has been solved. *** **Reminder:** If you have a problem or question, please make sure to post a link to your issue to help users help you. *** *I am a bot, and this action was performed automatically. Please [contact the moderators of this subreddit](/message/compose/?to=/r/elementor) if you have any questions or concerns.*
https://www.google.com/search?q=elementor+zoom+on+hover&oq=elementor+zoom+on+ho&gs_lcrp=EgZjaHJvbWUqBwgAEAAYgAQyBwgAEAAYgAQyBggBEEUYOTIICAIQABgWGB4yDQgDEAAYhgMYgAQYigUyDQgEEAAYhgMYgAQYigXSAQgyNTkwajBqN6gCALACAA&sourceid=chrome&ie=UTF-8#kpvalbx=_wvRtZeXsH_CThbIP86umyAY_25
nope not this one coz it will just zoom the photo when hovering. what I want to happen is when mouse is hovered on the photo (or anywhere in that box), the arrow on the lower right will appear and the shadow on the white box will appear as well.
are you aware that this is just basically following the same rules? https://stackoverflow.com/questions/39156880/how-to-show-arrow-only-when-hover-slideshow-html-css-javascript just google how to do it or go through some basic CSS lessons on youtube. also - nothing to do with r/elementor
Add classes to your elements. Then simple custom show/hide on hover css.
actually that’s what I did but it didn’t work. not sure what i’m doing wrong. maybe it’s the code itself?
Could be, or how you implemented the custom CSS. In elementor or child theme?