html - Woothemes flexslider Arrow not displaying -


i using flexslider , have problem in terms of navigation arrow. it's not displaying right way if put font source right folder.

i used flex slider in wordpress theme , here screenshot of arrow.

enter image description here

here css file jsfiddle.net/fdezd/

any kind of appreciated. lot.

i had same issue. arrows displayed in screenshot no matter placed font files. tried absolute links รก la "src:url('d:/myproject/fonts/flexslider-icon.eot');" , still didn't work. think has

with font itself.

but news: used following workaround:

i'm using font arial , 2 symbols "<" , ">".

you have adjust file flexslider.css following way:

this line:

.flex-direction-nav a:before {     font-family:"flexslider-icon";     font-size: 40px;     line-height:1;     display: inline-block;     content:'\f001'; } 

has replaced following one:

.flex-direction-nav a:before {     font-family:"arial";     font-size: 40px;     line-height:1;     display: inline-block;     content:'<'; } 

and line:

.flex-direction-nav a.flex-next:before {     content:'\f002'; } 

has replaced following one:

.flex-direction-nav a.flex-next:before {     content:'>'; } 

hope helps. cheers, michael


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -