Jump to content


Photo
Accordions

Accordion Arrow not working on IE8



Best Answer create180design , 10 May 2013 - 06:03 PM

HI Ellen,
 
After 3 hours of more searching and testing, I think I found a solution. There are two things that need to be done to fix the FONT AWESOME to display correctly in both IE8 and Firefox.
 
ADD TO CSS FILE:
[code=auto:0]

 
@font-face {
font-family:FontAwesome;
src:url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'), url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg'); font-weight:400;font-style:normal;
}
 
[/code]

 

ADD TO .htaccess file:

[code=auto:0]

 

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
 
 [/code]

 

 
I'm not an expert at this but these two things seemed to have worked for me. Hopefully it will for others as well.

Go to the full post


  • Please log in to reply
8 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 07 May 2013 - 12:13 PM

Hi,
I have a screen capture to show the arrows are not showing up on IE8. Instead of the arrows the code f0da shows. Can you tell me how to fix this please.
On my Firefox the icon is also missing- this seems to be a recent thing.
&nbsp;
Thanks!
http://www.c22market...-opportunities/
&nbsp;
&nbsp;

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17600 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 May 2013 - 12:21 PM

Hi,

 

The Accordion Section is a third party product, which we are unable to provide support for. Therefore, I have moved your topic into the correct forum, where the sections developer will be able to respond your issue.



#3 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 07 May 2013 - 12:23 PM

Thanks Danny.

Where is this forum so that I can make sure I can find the update/reply. Thanks



#4 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 08 May 2013 - 05:54 PM

Accordion icons are still not working. I would really appreciate insight as to why they are not showing properly.

Thanks



#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 08 May 2013 - 10:30 PM

I have alerted the developer of this topic.



#6 ellenmva

ellenmva

    Advocate

  • Members

  • 343 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 08 May 2013 - 11:16 PM

Hi,

 

I just got notified of your problem with the icons not working with Accordions in IE8 and Firefox.  The icons are using Font Awesome and work with IE8 and Firefox so something else is going on.

 

First, it looks like you are using the Base child theme. Let's activate the Pagelines Theme and see if the icons show properly. If they do then it might be something in the child theme. We will have to investigate further to see what is causing the issue.

 

If the icons still are displaying wrong then it might be a plugin conflict. Disable all plugins and then see if the icons show. If they do, reactivate one plugin at a time till you find the one that makes the icons not show properly.

 

Let me know your results.

 

Ellen



#7 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 10 May 2013 - 04:18 PM

Hi Ellen,

I just ran into this problem again on another site. I de-activated all plugins - no change. I changed to the framework theme - no change.

 

I have looked online for possible solutions but have not been able to find proper articles related to this issue yet.

Any ideas on what could be going wrong? - I think it might be related to the Font Awesome.



#8 create180design

create180design

    Super Member

  • Members
  • 195 posts
  • Country: Country Flag

Posted 10 May 2013 - 06:03 PM   Best Answer

HI Ellen,
 
After 3 hours of more searching and testing, I think I found a solution. There are two things that need to be done to fix the FONT AWESOME to display correctly in both IE8 and Firefox.
 
ADD TO CSS FILE:
[code=auto:0]

 
@font-face {
font-family:FontAwesome;
src:url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix) format('eot'), url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.woff) format('woff'),
url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.ttf) format('truetype'),
url(http://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.svg#FontAwesome) format('svg'); font-weight:400;font-style:normal;
}
 
[/code]

 

ADD TO .htaccess file:

[code=auto:0]

 

<FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
 
 [/code]

 

 
I'm not an expert at this but these two things seemed to have worked for me. Hopefully it will for others as well.



#9 ellenmva

ellenmva

    Advocate

  • Members

  • 343 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 11 May 2013 - 12:00 AM

I don't know why it is affecting your sites but hasn't come up as an issue for others. There might be someone else though that has this problem and your solution can help them.

I'm using font awesome that is loaded with Pagelines and I'll double check that I am loading it correctly.

Thanks again for posting what worked to get the icons displaying properly.


Sent from my iPad using Tapatalk HD





Also tagged with one or more of these keywords: Accordions