Navibuttons bei Wordpress Flexslider entfernen

Hallo,
weiß jemand wie ich bei dem Plugin "Flexslider" die Navigationsbuttons unter den Sliderbildern entfernen kann?

Hier das CSS dazu:
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
*/


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; zoom: 1; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Goodlayers Theme
*********************************/
.flexslider { margin: 0; position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav i { margin-right: 0px; }
.flex-direction-nav a { z-index: 10; display: block; font-size: 20px; line-height: 20px; padding: 10px 15px;
margin: -315px 0px 0px; position: absolute; top: 50%; overflow: hidden; opacity: 0; cursor: pointer; }
.flex-direction-nav .flex-prev { left: 10px; padding-right: 16px; }
.flex-direction-nav .flex-next { right: 1157px; padding-left: 16px; }
.flexslider:hover .flex-prev, .flexslider:hover .flex-next { opacity: 0.7; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; }

.nav-container.style-1 .flex-direction-nav{ *height: auto; float: left; margin-left: 15px; }
.nav-container.style-1 .flex-direction-nav li{ float: left; margin-right: 3px; }
.nav-container.style-1 .flex-direction-nav a{ position: static; opacity: 1; margin: 0px; padding: 6px 13px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nav-container.style-1 .flex-control-nav{ display: none; }

/* Control Nav */
.flex-control-nav-wrapper{ text-align: center; line-height: 0; z-index: 10; position: absolute; left: 0px; right: 0px; }
.flex-control-nav { display: inline-block; padding: 15px 0px 0px; }
.flex-control-nav li { margin: 0 3px; float: left; }
.flex-control-paging li a { display: block; width: 8px; height: 8px; cursor: pointer;
border-width: 1px; border-style: solid; text-indent: -9999px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.flex-control-paging li a.flex-active { cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

Danke m.scatello, aber hatte selbst schon in google gesucht, aber das half mir nichts. Deshalb meine Frage in diesem Forum...

Danke danke danke Aaron3219!! hat sich zwar auf den .flex-control-nav-wrapper bezogen, aber mit deinem code habe ich es jetzt ausblenden können. vielen Dank!!!

Der .flex-prev ist eine links / rechts Pfleil Navi. Diese hat einen hover Effekt. Könntest du mir helfen, wie ich den hover Effekt deaktivieren kann und die Pfeile immer sichtbar sind?

...
.flexslider:hover .flex-prev, .flexslider:hover .flex-next { opacity: 0.7; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; }
...

Ich bin kein Programmierer, deshalb verwende ich WordPres... :)

Wenn ich diese Zeile aus dem Code entferne, verschwindet es komplett. Dann ist die Navi, bzw. Pfeilnavi ganz weg..

das geht leider auch nicht. mit { opacity: 1; } wird die Geschwindigkeit der Einblendung etwas anders. hatte auch schon { opacity: 0; } versucht, dann verschwindet es auch wieder. mist... vielleicht muss statt der zahl ein wort rein, aber ich finde nichts.

Danke Aaron3219, aber das funktioniert leider auch nicht.. Schade :(
Eine klickbare konfiguration gibt es bei dem Flexslider leider nicht. war bei einem Template enthalten.

Ich verwende das HotelMaster Theme. Den Link möchte ich nicht öffentlich senden. Per PN möglich?

habe es heute morgen durch verschiedenste versuche herausgefunden... Ich musste das jeweils bei .flexslider einfach ":hover" entfernen, dann hat es geklappt.