HTTPS for woocommerce checkout page breaks elements

Hi

Without looking at the page and talking from past experience have you manually typed urls in css or code blocks anywhere?
If you have you need to go through and change them all to https://www.bla-bla-bla.com.
I moved a site to https but my custom css was littered with background-image urls that still had http.
You could do a database search to change if you have access.

Could you post a link to the page in question? Can do some inspecting then and see where issues are

Thanks

TJ

Hmm.

There are are a lot of mixed content warnings on most pages and not just from non https sources.
For example on the home page there is a gif image that is being pulled from this url http://realpointmedia.kinsta.com/thelongevityedge/wp-content/uploads/sites/6/2017/01/longevityedgetransparent.gif
When you open the page from your post the url is https://realpointmedia.kinsta.com/thelongevityedge/checkout/ which then redirects…
Has the site been built somewhere them migrated?

Few things spring to mind but without looking at back end it is just guess work

Under settings>general have you set the site urls to https://www.yourwebdomain.com?

There are few things you add add to the htaccess file to force things to load over https at server level.

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
    Header set Access-Control-Allow-Origin "https://www.yourwebdomain.com"
  </FilesMatch>
</IfModule>

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

I’d only recommend those two as a last resort. They will work but if done incorrectly it will break your website and unless you have ftp access you wont be able to change the htaccess again.

It may need a moderator to have a look at the backend and see if everything is set correctly. I’m just a humble user ;)

TJ

Ah nice one :)

Many minds make light work.

TJ

It never rains….

Has this sorted itself out?

I get this on checkout