Background image not loading https

Hello all, after setting up my site to use https instead of http, I now get mixed content warning messages, the menu wont appear, and the background image wont load on the home page.

Website is https://golftis.com

You can see the menu on a sub page such as https://golftis.com/tournament-details/

It seems like the issue may be here but I don’t know how to fix it. I found this via Inspector in Firefox. It’s serving up an http image instead of https:

<div id=“slideshow” class=“header-slider” data-speed=“4000”>
<div class=“slides-container”>
<div class=“slide-item” style=“background-image:url(http://golftis.com/WordPress/wp-content/uploads/2017/01/Golf-Macro-Wallpaper.jpg);”> <div class=“slide-inner”>
<div class=“contain animated fadeInRightBig text-slider”>
<h2 class=“maintitle”>2017 TIS & Friends Golf Tournament</h2>
<p class=“subtitle”>Station Creek Golf Club</p>
</div>
Register Now </div>
</div><div class=“slide-item” style=“background-image:url(http://golftis.com/WordPress/wp-content/uploads/2017/01/business_golf.jpg);”> <div class=“slide-inner”>
<div class=“contain animated fadeInRightBig text-slider”>
<h2 class=“maintitle”>September 25th 2017</h2>
<p class=“subtitle”>1:30PM Shotgun Start</p>
</div>
Register Now
</div>
</div>
</div>
</div>

Hello @mmendes2,

I have just tried to visit your website but I got Insecure Connection error. Can you please contact your hosting provider and see what they say?

Kind Regards, Roman.

Hey Roman, the insecure error is caused by this problem that I’m trying to fix. When serving up http content (such as the background image) over an https connection, most browsers will generate a mixed-content unsecure connection error.

You can proceed to my site and view the source info where you will see that the sydney theme is trying to serve the background image via HTTP instead of HTTPS.

I’ve also tried some Force SSL plugins, nothing seems to work.

Hello @mmendes2, I’m getting this:

golftis.com uses an invalid security certificate.

The certificate is not trusted because it is self-signed.
The certificate is not valid for the name golftis.com.

Error code: SEC_ERROR_UNKNOWN_ISSUER

So it looks like you have to resolve the certificate issue first.

Did you try to reupload image?

Kind Regards, Roman.

Thanks! Re-adding the background images worked

You are welcome @mmendes2! And have a nice day :slight_smile:

Kind Regards, Roman.