Post Slider – arrow customization.

For a Post Slider, How Do i show both the arrows by default ? and if possible move them out of the slideshow image box area.
Followed along a few previous topics on this subject and managed to get some of the custom CSS to work but then the “next >” arrow disappears.
Link below. pls scroll down to the section with the post slider.

Custom CSS:

.avia-slideshow-arrows a:before {background:none;}

.avia-slideshow-arrows a {
color:#003663;
opacity:1 !Important;
display:block !Important;
}