Flex Slider - Arrows on Hover ?

2 replies · opened Sep 28, 2016

RryearmSep 28, 2016

I can't find an answer to this question in any of your documentation nor with WooThemes.

How do I show Flex Slider previous/next arrows on hover only>

SSemicolon WebSTAFFSep 30, 2016

Hello,

This is Definitely Possible. However, this something which is not available by default and a Small CSS Customization will be required to achieve this. Please add the following CSS Code:

.fslider.nav-on-hover .flex-prev,
.fslider.nav-on-hover .flex-next {
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.fslider.nav-on-hover:hover .flex-prev,
.fslider.nav-on-hover:hover .flex-next { opacity: 1; }

Then, you can simply add the .nav-on-hover Class to the .fslider Element.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

RryearmSep 30, 2016

This works perfectly. Thank you very much!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard