Flexslider 2 direction nav pointers missing from download

lizz picture lizz · Aug 18, 2013 · Viewed 18.8k times · Source

Where can I get Flexslider2's image file for the direction nav pointers: bg_direction_nav.png?

Couldn't work out why I kept getting strange text like 'Fl' or 'Fi' in place of the arrows on the slider.
Checking through everything, I have found that the background image and the css pointing to it are missing from the download package!

Could the missing image be my missing link and can I adapt the css? Can anyone help please?

Answer

Aventador picture Aventador · Nov 9, 2013

You need to set the 4 flexslider-icon files in a fonts subfolder, besides in the flexslider.css change this:

@font-face {
font-family: 'flexslider-icon';
src:url('../fonts/flexslider-icon.eot');
src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/flexslider-icon.woff') format('woff'),
    url('../fonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal}

The ".." are crucial in the beginning of the fonts path.