Google Chrome Has a Warning Yellow Triangle and Grey Padlock on https – Help!
The Google Chrome warning yellow triangle when using HTTPS is disappointing after all your effort
- Creating a signed certificate request(public/private key pair)
- Contacting a Certificate Authority (CA) and paying for a countersign service
- Installing the SSL Certificate into Apache
- Setting up WordPress Admin or Forcing Apache to Use SSL
Troubleshooting a Google Https Warning Triangle (Grey Padlock)
Internet Explorer does not complain about parts of a page not retrieved through https, though it should (and it doesn’t colour “https” like Chrome).
Google Chrome quite rightly does. And when it does follow the below troubleshooting steps until Google Chrome restores the Green Padlock and the green “https” prefix.
- In WordPress dig into header.php to find the http .css or .js calls
- WordPress post “featured images” often use http calls for .png, .gif, .jpeg, .jpg files.
- Find other media files like .pdf, .doc, .xls, .ppt, .txt, .csv, .xml
- Anchor HREFS around images (not text) can cause the Chrome Yellow Triangle to Appear
The toughest of the above nuts to crack, invariably will be the “featured image” URL in WordPress. You can Google “How to change featured image URL from http to https” and the results are lacklustre. That’s why we’ve covered it here.