Jump to content


Photo
- - - - -
Resolved

Bootstrap icons not showing on https pages in FF and IE

bootstrap icons

This topic has been archived. This means that you cannot reply to this topic.
19 replies to this topic

#1 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 07:47 AM

Hi,

I am using bootstrap icons in my admin bar and in the footer. However, on https pages they are not showing up in Firefox and Internet Explorer.

See the difference:

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content



What could this be?

Thank you.

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts

Posted 14 October 2012 - 08:47 AM

Hi,

Where are the icons supposed to be, can you reply providing an image please.

#3 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 09:35 AM

Hi,

The icons are in the admin bar:

Posted Image

It doesn't always happen. First I thought it had to do with SSL, but it happens on http pages as well. Strange thing is that when I copy paste a screenshot when the icons are missing, they do appear in photoshop! So I cannot provide a pic when the icons are missing. When you browse around on my website it happens after a couple of clicks.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts

Posted 14 October 2012 - 09:54 AM

AH OK, I see the issue.

Can you try adding this to either your child themes functions.php file or if you're using the PageLines Customisation plugin, add the below code to the plugins functions.php file.

Please Login or Register to see this Hidden Content


Let us know if this resolves your issue.

#5 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 10:48 AM

I already have that in my child themes function.php file. Is the bootstrap icons plugin required?

Please Login or Register to see this Hidden Content



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts

Posted 14 October 2012 - 11:44 AM

Can you provide the code you're using for you icons, as well as the code used to add the icons to your Wordpress admin bar please so I can take a closer look.

#7 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 01:02 PM

Please Login or Register to see this Hidden Content



#8 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 01:14 PM

IE console messages on https pages:

SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.eot?#iefix
SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.woff
SEC7111: HTTPS security is compromised by http://www.pepperbase.com/wp-content/themes/pagelines/fonts/plfont-regular.ttf

#9 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 14 October 2012 - 01:37 PM

Your site is not SSL you are using some plugin to make one page SSL. If the site was all SSL then all urls would be https://

Please Login or Register to see this Hidden Content


This post has a filter to force ssl in the LESS css.

#10 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 02:38 PM

Yes I know I have only a couple of pages in SSL.

I have added this code:

Please Login or Register to see this Hidden Content


to my child themes function.php file.

The icons are still not being displayed and I get the following messages in the IE console:

Posted Image

Next I added an if (is_ssl()) statement:

Please Login or Register to see this Hidden Content


but then this error appears in the admin bar:

Please Login or Register to see this Hidden Content



In this post

Please Login or Register to see this Hidden Content

I found another solution, but I am not sure how to implement or if it would work at all.

Any ideas?

#11 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 14 October 2012 - 02:44 PM

NO, you cant add a if_ssl() as your blog is not SSL.

Please Login or Register to see this Hidden Content

The filter works. Just do not add the conditional.

#12 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 03:01 PM

Ok, I removed the if is ssl again. The icons are showing up on ssl pages, but not on http pages...

That is why I tried the if is ssl statement.

#13 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 14 October 2012 - 03:06 PM

Looks to me like this is some sort of browser security issue. It wont let you include fonts cross domain or cross protocol.

I would just adjust your menu filter to not include them on the pages they dont work on. Or make your blog ssl.

#14 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 14 October 2012 - 03:10 PM

Google suggested answer:

Please Login or Register to see this Hidden Content



#15 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 03:28 PM

Yes. I would like to make my blog SSL, but Amazon Cloudfront does not support SSL with CNAMES, so doing that will seriously slow down my site.

Thank you for the answer. Where should I put this piece of code?

#16 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 14 October 2012 - 03:29 PM

.htaccess apparently it allows browsers to load fonts cross domain.

#17 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 14 October 2012 - 03:45 PM

It works in FF, but not in IE9...

#18 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 14 October 2012 - 06:27 PM

Well, that confirms Simon's suspicion that this is a browser issue.

#19 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts

Posted 15 October 2012 - 08:07 AM

Yes it is a browser issue. I activated W3TC again and now it is working in IE9 as well. Thank you for all your help.

#20 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts

Posted 15 October 2012 - 10:32 AM

The topic was marked as resolved.