Mixed Content in Header/Background Image Beautiful Pro Theme

[StephanieT]

Hi Forum -

I'm revising a site that I'll clone and move when it's done. When I add an image through "Appearance - Customize" to the background image section (test image there now) it breaks the padlock on the site with this error message from WhyNoPadlock:
************
An image with an insecure url of "http://simplywonderfulwomen.com/wp-content/uploads/2018/07/SHCb1.jpg" was loaded via the javascript file: https://simplywonderfulwomen.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 on line 1. The insecure URL may not be directly contained in the script file and may exist elsewhere.

Errors that are reported on line 1 are generally not part of the source code. This error may be caused by an external javascript file which is writing to the page, however we are unable to reliably detect these scripts in our automated test.
***********

I've searched the forum, but I must not have used the right tags.

Keeping in mind that I can follow instructions but don't have much experience with coding - can someone help?

THANKS!

https://simplywonderfulwomen.com/

[Anita]

The image in question is the header image. Have you tried to re-upload that same image again? Some times when images have been previously uploaded before the SSL certificate has been applied, it will not automatically fix the URL to https. You would need to do a "search replace" or upload the image again.

---

Love coffee, chocolate and my Bella!

[StephanieT]

Thanks Anita - I actually applied the certificate before starting work so I could check each change to see where I may have trouble. I uploaded/deleted/and uploaded something new to see if it was the image.

I'm stuck!

Thanks!

[Anita]

Let's try something. Rename this image on your desktop - https://simplywonderfulwomen.com/wp-content/uploads/2018/07/SHCb1.jpg so it a SHCb2. Then upload that version so we can see - https://simplywonderfulwomen.com/wp-content/uploads/2018/07/SHCb2.jpg as the image.

---

Love coffee, chocolate and my Bella!

[StephanieT]

I took out the image. Deleted it from the library. Checked and the site was secure with the padlock at that point without the image. Changed the name to SHCb2 and uploaded it under Appearance - Customize and it is no longer secure again with the same error message in WhyNoPadlock:

An image with an insecure url of "http://simplywonderfulwomen.com/wp-content/uploads/2018/07/SHCb2.jpg" was loaded via the javascript file: https://simplywonderfulwomen.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 on line 1. The insecure URL may not be directly contained in the script file and may exist elsewhere.

🙁 Any ideas?

[Anita]

How do you have the HTTPS being applied on the website?

---

Love coffee, chocolate and my Bella!

[Anita]

I think I know what it is. Let me run it in my developer group to see how to resolve it. Be right back.

---

Love coffee, chocolate and my Bella!

[StephanieT]

I'm using Let's Encrypt on A2Hosting. It gives me no trouble with the remaining images as all I have to do is remove the http://SimplyWonderfulWomen.com from the src link in the text portion of the post or page and the site is secured. I need to be able to find where that link is for the background and header images in this theme. They are being called by a jQuery to each of the pages and I can't figure out where it's located.

[Anita]

I think I know what's causing it. I am asking in the developer group.

---

Love coffee, chocolate and my Bella!

[Anita]

I am checking to see if it's this code:

//* Add custom background callback 
function beautiful_background_callback() { 

	$background = get_background_image();  
	$color = get_background_color();

	if ( ! $background && ! $color )  
		return; 

	echo trim( sprintf( 
		"<style type='text/css'>.custom-background .site-header-banner { background: %s %s %s %s %s; } </style>",
		$background ? 'url('. $background .')' : '',
		$color ? '#'. $color : 'transparent', 
		get_theme_mod( 'background_repeat', 'repeat' ), 
		get_theme_mod( 'background_position_x', 'left' ), 
		get_theme_mod( 'background_attachment', 'scroll' ) 
	) );
} 

---

Love coffee, chocolate and my Bella!

[Anita]

So, Walter in the group said that if your settings here are HTTPS - Settings -> General: WordPress Address (URL) and Site Address ( URL ) - then you shouldn't have mixed content. Can you check under Settings?

---

Love coffee, chocolate and my Bella!

[StephanieT]

It wasn't HTTPS - so I changed it in those two locations - WordPress Address (URL) and Site Address ( URL ). It's not secured but the error message changed to:

An image with an insecure url of "http://simplywonderfulwomen.com/wp-content/uploads/2018/07/SHCb2.jpg" was loaded on line: 101 of https://simplywonderfulwomen.com/.

It looks like progress. Not sure what's next?

[Walter Lopez]

Hello Stephanie,
You need to remove the image, delete from the gallery and upload it again.

---

Website: wpallied.com | Twitter: @lopwalj

[StephanieT]

Oh My Gosh!!!! THANK YOU!!! It works 🙂

Thank you Anita and Lopwalj!

[Author]

Posts