HostOnNet Blog

How to fix the No Green Padlock issue with SSL

Today one of our client using WordPress contacted us to fix his SSL issue. He said he modified the WordPress Address (URL) and Site Address (URL) with https but not showing the green padlock.

If you are using Chrome, right-click anywhere on your page and choose “Inspect”. This will open a section at the bottom or right-hand side of your screen with different development information about your site. Click on the “Console” tab and this will show the content that your browser considers insecure.

When I checked his site got the below error

Loading mixed (insecure) display content “http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg” on a secure page[Learn More] nextend-gsap.min.js:1:25915

Client was using many sliders created with Smart Slider 3. I checked in each slide but I couldn’t find the blogspot url. So I contacted the Smart Slider through support forum and they said it’s caused by a code in Netbase Widgets For SiteOrigin plugin

Then I removed the following line from wp-content/plugins/netbase-widgets-for-siteorigin/assets/nbt-so-style.min.css

svg{background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg)}

Once I’ve done this, site started showing the green padlock.


About Sibi Antony

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Security