Move flexslider arrows to outside

Just thought I would share this if other people are wondering. To move the Flexslider arrows to the outside you can use the following CSS code and put it in your themes style.css.

.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; }

Hopefully that helps someone.

https://www.ads-software.com/plugins/ml-slider/