Slider Arrows Left Right 50% on cursor(hover)

Design help General
1

Hi guys!

So I made a slider of 100% wide. In addition, I have given the arrows on the left and right each 50% width. So when I click left the slider would go left and when I click right it goes right. This works perfectly. But I would like a custom cursor on hover on the left and right part. So if I left 50% hover I get a big left arrow. If I hover 50% to the right then I get a big arrow to the right. Is this possible and how can I do this.

Thanks for the help.

2

Hi! I am looking to do something similar. Did you ever figure it out?

3

I figured it out!

Basically make the left arrow and right arrow divs to be 50% width each. Then make the opacity of each icon to 0%. Then change the type of arrow to left or right arrows at the bottom of the style panel. I hope this helps.