Move Flexslider navigation buttons to outside

flexslider, jquery

Solution

Here is the solution I found. It works for FlexSlider v2.1.

It basically moved the navigation buttons outside of the slider image.

.flex-direction-nav .flex-next { right: 0 !important; margin-right: -30px; 
   opacity: 1 !important; }

.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; 
   margin-left: -30px; }

.flexslider { width: 90%; margin: 0 auto; }

Credit to box86rowh.

Problem

Is there a setting to move both prev and next navigation buttons outside of flexslider, and always visible? Those buttons used to be located outside; somehow new release has changed the layout. I found an old question flexslider - controling div outside of slider. I would like to find out this is the only option I have before implementing it. Thanks!

Original source