[Resolved] flexslider

[Author]

Posts

[markus]

Hi Nigel,
I need your expertise on the flexslider - so far I managed to make it work (thanx to your help) but
I want regular navigation arrows on the slides and no matter what I do, they won´t show up 🙁 please have a look at my testsite
hidden link
Here´s the css and java I´m using:

.flexslider img{ border-radius:10px;padding:0px;
		width: 100%; height:auto;
	
		box-shadow: none;
}
.flexslider li {
		position: relative; 
}
.flex-prev{display:block;}
.flex-next{display:block;}
.entry ul {
    list-style: none;
}

.slides {
	display:inline-block;
	margin-right:-15px !important; 
  margin-left:-15px !important;
  margin-top:2% !important;
  padding:0px !important;

}
.flex-direction-nav li a{
      height:50px; 
}



( function( $ ) {
    $( document ).ready( function(){
 
   $('.flexslider').flexslider({
	animation: "fade",
	controlNav: true,
   slideshowSpeed:6000,
  pauseOnHover: false,
      });
 
    });
})( jQuery );

[Nigel]

Hi Markus

The problem is that the flexslider.css file is not being loaded correctly (see screenshot).

It seems like the file is not in the location expected according to how you have enqueued the file.

Make sure you have copied the file to that location, or update the line where you enqueue the file with the correct location.

[markus]

thanx a lot,....now i´ve got the arrows, any idea how to move them from the bottom to the middle of the slides ?

[Nigel]

Hi Markus

The arrows should appear in the middle, as per the basic example in the source site (hidden link) which is where they appear on my test site.

If they are not appearing in the middle, it is probably because you have added some additional styling.

Checking your page I find, for example, that you have a rule

.flexslider li {
  position: relative;
}

...and if you remove that rule the arrows appear in the middle. I'm not sure where you have added that style rule, but try removing it.