WordPress https ssl content blocked errors

Solution:

I thought i would post my answer to my problems with wordpress https for those that maybe stuck like i was for days. You must when using https on a wordpress have a vaild ssl certificate we bought one from rapidssl for £16 per year. Without the valid ssl certificate we were constantly getting 310 errors from browswrs like google complaining about redirect loops. Once ssl was installed these went away. The wordpress site url and wordpress home link did not have to be changed from http at all.

Using the wordpress https plugin for the secure pages that we needed, ticked the boxes in edit page to force ssl and with everything ticked in https settings except admin ssl login.

We then after installing the certificate got security warnings and errors about partially encrypted content which means in your secure page there are some http links that the browser does not like.

What we then did was using chrome inspect the element of the page and click on the console tab to find these http links. In our case there were 3 images which in the headway theme i had to insert as a https:// url (url of image) in the header or media boxes in the grid (for those of you using headway).

We also had a link from google web fonts that had to be made https in the secure pages once that was secure our errors went away. Eg in firefox only the padlock displays.

If you then have a return url set in paypal which gives you a partially encrypted message like this – Although this page is encrypted, the information you have entered is to be sent over an unencrypted connection and could be easily read by a third party – the page which you are returning to has to have a padlock in the https if not you will keep getting this error from firefox etc. So return page has to be no errors, best way is to have a thankyou page with no calls to images etc but the just the order details etc.

One thing that has been driving me nuts was that the call to google we fonts was being affected by headway cache so it was sticking to http sometimes in the https page causing an error, so disabled that now, just off to post a question about making a plugin to disable wordpress headway theme cache on ssl pages see if any can help me on that.

Good luck with your ssl pages folks its great fun!!!!!!!! oh and heres javascriipt i use for google fonts if anyone wants it for the header

 <script type="text/javascript">
 WebFontConfig = {
 google: { families: [ 'Lato:300,400,700' ] }
 };
 (function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
 })();
</script>

but there are other ways of calling it in https using // instead of http:// google bla is another