Images causing Mixed Content with SSL

Use the developer tools in Firefox (or Firebug) or Chrome or Safari or IE to see the errors with specific images.

1) You may need to change URLs of media items in the post/page content to https. Search RegEx is a good plugin to be able to search and replace (optionally with grep) through all posts, pages, excerpts, comments, titles and meta. And, interconnectit.com WordPress Serialized PHP Search Replace Tool can be used to find/replace in the entire database, i.e. metadata, GUIDs and widget content, etc.

2) You may need to change to a relative path for images in CSS files, i.e. background-image: url(http://example.com/themes/wp-content/theme/images/image.jpg) to background-image: url(images/image.jpg)

3) You may need to remove the http from absolute paths in php theme files, i.e. change 'http://example.com/image.jpg' to '//example.com/image.jpg'; that will allow your resources to default to https.

Related Posts:

  1. What is .crt and .key files and how to generate them?
  2. https connection using CURL from command line
  3. “ssl module in Python is not available” when installing package with pip3
  4. How to generate a self-signed SSL certificate using OpenSSL?
  5. Simple Java HTTPS server
  6. Java: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
  7. SSL_ERROR_BAD_CERT_DOMAIN
  8. CFNetwork SSLHandshake failed iOS 9
  9. OpenSSL: unable to verify the first certificate for Experian URL
  10. “The underlying connection was closed: An unexpected error occurred on a send.” With SSL Certificate
  11. ERR_SSL_CLIENT_AUTH_SIGNATURE_FAILED in Google Chrome
  12. How to disable cURL SSL certificate verification
  13. Getting error in Curl – Peer certificate cannot be authenticated with known CA certificates
  14. How do you sign a Certificate Signing Request with your Certification Authority?
  15. Java Keytool error after importing certificate , “keytool error: java.io.FileNotFoundException & Access Denied”
  16. Issues with installing python libraries on Windows : CondaHTTPError: HTTP 000 CONNECTION FAILED for url
  17. WordPress wp-admin https redirect loop
  18. Is it safe to use sslverify => true for with wp_remote_get/wp_remote_post
  19. Howto force SSL for all requests?
  20. Local version of a WordPress site – SSL/HTTPS enforced?
  21. bloginfo() and get_template_directory_uri() with SSL?
  22. Favicon causes mixed content warning over SSL
  23. After updating site to use SSL all images in posts point to http://
  24. Adding https to wordpress website
  25. What’s the right move with SSL for user based site?
  26. I am locked out of my WordPress site after changing site URL from Http to Https
  27. Enabling SSL on wordpress results in 404
  28. SSL setup: wp-login css doesn’t load over httpS
  29. In WP versions >= 4.0, is FORCE_SSL_LOGIN forcing HTTPS for the entire admin session?
  30. Separating HTTP and HTTPS content with WordPress, Varnish, and an SSL terminator?
  31. SSL Certificate and WordPress
  32. Pointing SSL Enabled URL at Single WordPress Page
  33. Occasional HTTPS Mixed Content Warning
  34. WordPress : To load all asset files coming from HTTP to HTTPS?
  35. Google maps causing mixed content in header
  36. Cloudflare and SSL breaks wordpress – Mixed Content & Unable to use Admin
  37. XML asset fails to load using https
  38. I changed my site from HTTPS back to HTTP and now it is broken- Cannot access Admin panel on HTTP URL
  39. un-loading https
  40. WordPress site shows “File not found.” if opened through https
  41. How to set up HTTPS WordPress from Install Step?
  42. wp_remote_get – curl error 28 connection timed out – using SANS in URL
  43. Address a single page to SSL https secure protocol?
  44. WordPress + SSL + Varnish + Pound
  45. Certain header elements not served over https
  46. wordpress http to https windows server
  47. Jetpack “Connect to WordPress” serving insecure content under HTTPS
  48. Allow non-SSL pages to use https or Force non-SSL pages to http?
  49. Website access with http and https
  50. How to force non SSL on just one page?
  51. Need ideas for HTTPS multiple domain solution
  52. Redirect the whole blog to SSL but not the RSS feed (under Nginx)
  53. WordPress 4.0 Forces entire site into SSL
  54. How to control SSL in WordPress for automatically changing http to https?
  55. Site not reachable due to change from HTTP to HTTPS [closed]
  56. Hi do I change Media files that still show as http after installing ssl
  57. Errors on a single host using wp_remote_get() unless sslverify is set to false
  58. How to keep WP from using https to get to wordpress.org?
  59. How do I find non-SSL problems on my SSL page?
  60. Self signed certificate issue with WooCommerce rest api connection
  61. ERR_TOO_MANY_REDIRECTS on wordpress page [closed]
  62. Disable WordPress accessing WordPress.org to check for updates
  63. URLs not being output with https
  64. How to protect login via SSL but not the rest of the dashboard
  65. ERR_CONNECTION_REFUSED
  66. The REST API request failed due to an error. cURL error 60: SSL certificate problem: certificate has expired
  67. Website Migration (with https) to a new domain(http)
  68. Why does WordPress uses HTTPS for JS, CSS on EC2
  69. ERR_SSL_PROTOCOL_ERROR
  70. WordPress – SSL not working – browser console error “Mixed Content” and “Failed to load resource”
  71. Implications of not completing all tasks when switching to HTTPS
  72. Update not working after installing up SSL
  73. Problem forcing San SSL certificate on WordPress
  74. SSL Certificate
  75. Front-end pages messed up due to HTTPS
  76. How to send user data from one website to another
  77. How come all my http URLs are turned to https?
  78. How to switch static files back to using HTTP instead of HTTPS?
  79. WordPress Insecure Content
  80. I just updated my SSL certificate and now my site looses formatting when
  81. I would like to add ssl certificate to my already existing wordpress site
  82. WordPress and SSL
  83. My WordPress site SSL is in red crossed color and can’t load at first time?
  84. SSL problems with WordPress
  85. SSL/HTTPS Redirect Loop
  86. The plain HTTP request was sent to HTTPS port in wordpress [closed]
  87. Adding SSL certificate to the front end of my site
  88. iHow to redirect all http traffic to https now that a SSL certificate is added?
  89. How to force static assets with HTTP sources to load over HTTPS?
  90. Moving WordPress from http to https over existing site
  91. Issue when site move from ssl domain to new domain without ssl
  92. Displaying a remote SSL certificate details using CLI tools
  93. Is there a reason to use an SSL certificate other than Let’s Encrypt’s free SSL?
  94. Wildcard SSL certificate for second-level subdomain
  95. Properly setting up a “default” nginx server for https
  96. Does each subdomain need it’s own SSL certificate?
  97. Does each server behind a load balancer need their own SSL certificate?
  98. Generating a self-signed cert with openssl that works in Chrome 58
  99. Changing my URL in General Settings cause the site to crash
  100. wordpress is auto using http: not https: as it needs to because the server is http behind a reverse proxy https, how do I stop it?

Leave a Comment