HTTPS Stylesheet Issue
-
Hello. I’m using this plugin on a site that serves up a page using HTTPS/SSL. Using the Google Chrome Inspector Console, I’m getting the following error:
Mixed Content: The page at ‘https://www…’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://…/wordpress/wp-content/plugins/bbp-style-pack/css/bspstyle.css?ver=4.3.1’. This request has been blocked; the content must be served over HTTPS.
(I redacted my site info with ellipses)Is there a simple fix for this? I’m trying to make my site as secure as possible.
Thanks!
-
hmm.. not a problem I’ve come across.
Can you tell me at what point this error comes up?
I’m not sure I fully understand your question. Let me try again to explain the issue a bit better.
I have one page on my website where I’m forcing a https load instead of a http load. It’s the checkout page of my store.
Each browser (Chrome, Firefox, etc) provides symbols on the address bar to tell you how secure the https page is. I’m getting symbols indicating that the page is trying to load http content on a https page…not good. You can then click through these symbols to try and figure out what’s causing the problem.
In Chrome, I used the Console tab in the developer tool to find what’s throwing this error…it’s showing the error message I included in my original post.
It’s saying that when the bbp-style-pack plugin is loading its stylesheet, it’s requesting the stylesheet at an address that is http instead of one at https. I’m trying to figure out how to fix this.
I don’t know if this is any clearer…I hope so…unfortunately this is a new area for me.
I’m also noticing that the attempt to load:
http://www…com/wordpress/wp-content/plugins/bbp-style-pack/css/bspstyle.css?ver=4.3.1 is producing a 404 error.Looking in the directory structure for the plugin, I don’t see this file in /bbp-style-pack/css/…the only thing in there is styles.php.
Does this help at all?
Thanks
yes that all helps.
Like you I am trying to figure out what is happening, as my code uses wordpress functions to create the url, so should automatically use the appropriate http/https depending on what the site uses.
Interesting that you are not seeing the styles.php, which should be created as you activate the plugin.
o a couple more questions
1. So it is when loading the checkout page that you get this error? or do you see it in entering the site/anywhere on the site?
2. If you are using the style part of the forum (eg have entries in any part of the forums index styling, topics index styling, topic/reply styling, and/or topic/reply forum) – are you seeing these changes in the forum? ie is the plugin working for you?
Thanks for the quick response. Before you replied, I was playing around trying different things. One thing I tried was saving an empty file with the filename bspstyle.css in the /bbp-style-pack/css/ directory. Of course this would go away the next time you update the plugin, but it seemed to fix the errors I was getting. Will putting this blank file there cause any issues with the way you’re generating the file?
Separately, here are answers to your questions:
1. So it is when loading the checkout page that you get this error? or do you see it in entering the site/anywhere on the site?
I’m only forcing https on the checkout page. So that’s the only place I’m getting the mixed content message. That said, I’m getting the 404 error for bspstyle.css on the rest of my website (all http) as well. This is intermittent, though. I haven’t been able to figure out a pattern as to how or why. This is the only page element where I’ve been getting a 404 error.
2. If you are using the style part of the forum (eg have entries in any part of the forums index styling, topics index styling, topic/reply styling, and/or topic/reply forum) – are you seeing these changes in the forum? ie is the plugin working for you?
Yes, it appears to be working fine…which seems weird given the periodic 404 errors for the stylesheet.
Okay I can confirm putting in an empty bspstyle.css page seems to screw up the way the stylesheet generation works. Ah well…it was an idea.
I can’t say that I have the internet knowledge to fix this one – it is probably an issue with a mixed site, and suspect that the fix might be needed in your htaccess file.
I have googled and checked, and as far as I can see I am using all the right wordpress constructs in my plugin that it should run with either http or https – I use wordpress functions to resolve what the url should be.
It is interesting that the bspstyle.css doesn’t seem to be in
/wp-content/plugins/bbp-style-pack/css
but yet it is working.
Do you have the knowledge to edit a file within my plugin if I give you exactly what to change? I would like to test a theory !
@elucidatetx did you receive the post above – I’d like to try and fix but need your help !
nothing heard – marking as resolved
I am having this exact issue on my site.
Every visit produces a 404 for this file: /wp-content/plugins/bbp-style-pack/css/bspstyle.css?ver=4.6My site uses https
I am running the site through Cloudflare
If no resolution, guess I’ll have to disable plugin.
I am willing and able to try any fix you suggest.If I click on the link to the file, it does exist, not sure why it is producing the 404.
Here is what is returned. It is in raw text format.
#bbpress-forums ul.odd{background-color:#fbfbfb;}#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer{background-color:#C5B189;}#bbpress-forums ul.forum-titles li.bbp-forum-info{font-size:16px;}#bbpress-forums ul.forum-titles li.bbp-forum-topic-count{font-size:16px;}#bbpress-forums ul.forum-titles li.bbp-forum-reply-count{font-size:16px;}#bbpress-forums ul.forum-titles li.bbp-forum-freshness{font-size:16px;}#bbpress-forums ul.forum-titles li.bbp-forum-info{color:#ffffff;}#bbpress-forums ul.forum-titles li.bbp-forum-topic-count{color:#ffffff;}#bbpress-forums ul.forum-titles li.bbp-forum-reply-count{color:#ffffff;}#bbpress-forums ul.forum-titles li.bbp-forum-freshness{color:#ffffff;}#bbpress-forums ul.forum-titles li.bbp-forum-info{Font-weight:bold;}#bbpress-forums ul.forum-titles li.bbp-forum-topic-count{Font-weight:bold;}#bbpress-forums ul.forum-titles li.bbp-forum-reply-count{Font-weight:bold;}#bbpress-forums ul.forum-titles li.bbp-forum-freshness{Font-weight:bold;}#bbpress-forums .bbp-breadcrumb p{font-size:16px;}#bbpress-forums .bbp-breadcrumb p{Font-weight:bold;}#bbpress-forums a:link{color:#0055FF;}#bbpress-forums .bbp-forum-title{font-size:18px;}#bbpress-forums .bbp-forum-title{Font-weight:bold;}#bbpress-forums .bbp-forums-list li{font-size:16px;}#bbpress-forums .bbp-forums-list li{Font-Style:italic;}#bbpress-forums .bbp-forums-list li{Font-weight:normal;}#bbpress-forums .bbp-pagination{color:#000000;}#bbpress-forums li.bbp-topic-voice-count,li.bbp-topic-reply-count{color:#ffffff;}#bbpress-forums a.bbp-topic-permalink:link{color:0055FF;}#bbpress-forums .bbp-topic-title{font-size:14px;}#bbpress-forums .bbp-topic-title{Font-weight:bold;}#bbpress-forums li.bbp-header .bbp-reply-content,#bbpress-forums li.bbp-header .bbp-reply-author,#bbpress-forums li.bbp-footer .bbp-reply-content,#bbpress-forums li.bbp-footer .bbp-reply-author{color:#ffffff;}.subscription-toggle{float:right;}#bbpress-forums div.bsp-forum-content{clear:both;margin-left:0px;padding:0 0 0 0;}.bbp-forums,.bbp-topics,.bbp-replies{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}#bsp-spinner-load{background:url(/wp-admin/images/spinner.gif) no-repeat;display:none;}.bsp-spinner{background:url(/wp-admin/images/spinner.gif) no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;float:right;opacity:0.7;filter:alpha(opacity=70);width:20px;height:20px;margin:2px 5px 0;}#bsp_topic_submit{display:none;}#bsp_reply_submit{display:none;}
can you give me the exact 404 error as it appears
Thanks
/wp-content/plugins/bbp-style-pack/css/bspstyle.css?ver=4.6
The only file that resides in that directory is: styles.php, not bspstyle.css
ok, let me do a bit of digging and come back
The topic ‘HTTPS Stylesheet Issue’ is closed to new replies.