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/

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[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!

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[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?

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[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.

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

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' ) 
	) );
} 

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

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?

---

Need help with customization or troubleshooting? Reach out to me.

[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