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.
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
Post a Comment