• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Mixed Content in Header/Background Image Beautiful Pro Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Mixed Content in Header/Background Image Beautiful Pro Theme

This topic is: resolved

Tagged: mixed content, SSL, WhyNoPadlock

  • This topic has 13 replies, 3 voices, and was last updated 4 years, 8 months ago by StephanieT.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 5, 2018 at 9:00 pm #221353
    StephanieT
    Member

    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/
    July 6, 2018 at 2:13 pm #221375
    Anita
    Keymaster

    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.

    header image


    Love coffee, chocolate and my Bella!

    July 6, 2018 at 2:17 pm #221377
    StephanieT
    Member

    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!

    July 6, 2018 at 3:13 pm #221386
    Anita
    Keymaster

    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!

    July 6, 2018 at 3:23 pm #221388
    StephanieT
    Member

    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?

    July 6, 2018 at 3:41 pm #221389
    Anita
    Keymaster

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


    Love coffee, chocolate and my Bella!

    July 6, 2018 at 3:53 pm #221390
    Anita
    Keymaster

    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!

    July 6, 2018 at 3:54 pm #221391
    StephanieT
    Member

    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.

    July 6, 2018 at 3:58 pm #221392
    Anita
    Keymaster

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


    Love coffee, chocolate and my Bella!

    July 6, 2018 at 4:00 pm #221393
    Anita
    Keymaster

    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!

    July 6, 2018 at 4:04 pm #221394
    Anita
    Keymaster

    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!

    July 6, 2018 at 4:31 pm #221395
    StephanieT
    Member

    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?

    July 6, 2018 at 4:40 pm #221398
    Walter Lopez
    Participant

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


    Website: wpallied.com | Twitter: @lopwalj

    July 6, 2018 at 4:51 pm #221399
    StephanieT
    Member

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

    Thank you Anita and Lopwalj!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Mixed Content in Header/Background Image Beautiful Pro Theme’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble