How to change theme images over https? - wordpress

I bought a theme to build my website. Now I secured my website through SSL, but in some of my website pages, I'm encountering some insecure mixed content. when I tried to pinpoint the problem, it is coming from my theme(My theme has an asset of images) which is out of my control. So how can I resolve this images over https?

This is likely caused by the theme having "http://" hardcoded into theme files, or wp-config.php. You have two options;
Run a programme like Notepad++ to search your theme's directory for all instances of "http://" and replace with "https://".
Install a plugin such as 'Really Simple SSL" which automatically changes http:// instances
Using your browsers' WebDev tools console, you'll also be able to see which images aren't loading, and usually it's quite clear that an image is trying to load over http:// rather than https://

Related

Changes made in WP_Elementor but not published in live site

I have made a small text change on one of my wordpress website using elementor 3 but is not able to publish on live site. Solutions that I have tried so far but unsuccessful.
Clear Browser cache, WP plugin cache and purge website server cache.
Made changes again and view in incognito mode
Change Elementor CSS Print Method to Internal Embedding
Regenerate CSS and data in Elementor tools settings
Note: The only way I see change made is by adding ? (querymode) to the url, but not without that.
The issue we were having was due to old hosting, since the DNS was pointing to old host, the changes made was reflecting in old WP admin but not in new one
All we have to do is point the DNS to new host. That resolved a problem .

Mixed Content: The page at 'https://example.com' was loaded over HTTPS, but requested an insecure stylesheet error in Wordpress site

Instead of genuine Mixed Content issue this seemed like more of a Wordpress issue hence posting here to find a resolution.
I have everything setup to work with https, though there is no valid certificate yet. here is the home page url https://tourpoule.nl. The home page loads but with Mixed content errors which seem to be generated by core Wordpress or theme functions. Attaching image:
Database does not have any url which would start with http://. I already have replaced them using search and replace script.
There is nothing in htaccess file except basic Wordpress setup code. I tried renaming it as well. I cleared all types of cache but still it does not work. The site is using twentytwenty theme and if I comment out css and javascript enque lines, some of the errors disappear but styles and scripts do not load(that is normal I know).
In the view source of page it shows mixed urls, some with https and style and javascript urls without https. see below:
Interestingly if I click a stylesheet url i.e. http://new.tourpoules.nl/wp-content/themes/twentytwenty/style.css?ver=1.0 it redirects to https://new.tourpoules.nl/wp-content/themes/twentytwenty/style.css?ver=1.0
I am not sure what is going on and have got struck. I am not able to reach the client so that we can discuss turning ssl redirection off in nginx for this domain where it is redirecting everything to https if it is not https. Not sure if that is causing issue (I believe it is not as it has nothing to do with Wordpress mechanism to generate urls). Any help or direction is greatly appreciated.
I can see your website is still unsecured, for what it's worth, get yourself letsencrypt ssl.
Back to you question, go to your database, open the wp_options table, change the siteurl item to https://tourpoules.nl and also change the home item to https://tourpoules.nl.
If you have used search and replace DB master script or plugin it will not update inside meta files as well as and check for the function file have you Enqueue with https://
So will be better if you download SQL file and replace with below:
From:
http://new.tourpoules.nl
To
https://new.tourpoules.nl
and re-upload again

Banner on Wordpress site has stopped working

I've taken over managing a Wordpress site with a custom theme based off Underscores.me. I haven't had too many problems with it but recently I added a page (something I've done before with no problem) and later I noticed the banner/slider went black. I did not change the code in the editor and even went back and checked it with a copy of the code I made but didn't see any changes. I'm not sure if this is a theme/plugin issue but I haven't added any plugins.
The site is integratedneurologyservices.com
integratedneurologyservices.com looks like it was just recently moved onto an https:// domain. There are still resources called on the site that have an http:// protocol, one of which is jQuery, in the footer. Most web browsers block insecure scripts being called on a secure domain.
If you change that jQuery http:// protocol to https://, the banner will work.

Why WordPress image link in not appearing after activating SSL?

I've successfully added SSL on my WordPress website and it's every URL is working well with https URL but there seems all images is missing. In dashboard, all images URL is converted to https URL but in front-end they are not showing any URL it just seems like
Please anyone could help me to solve this issue?
This is likely because the URLs to the images are now http, and may be being blocked by browser security settings. There's a handy plugin I often use to help sort out issues like this called Really Simple SSL:
https://wordpress.org/plugins/really-simple-ssl/
This plugin manages the URLs to include the correct protocol, etc. You may need to change any hard-coded URLs in your theme that do not use https however.

wordpress style.css load but not use

I'm wordking on a child theme for the website impakt and yesterday we change some ssl certificats.
After this, my page still load my style.css from my child theme BUT he doesn't use it so, my pages build with this css are not working (I can access to them but it's a mess).
If you go to the page
http://impakt.lu/cloche-v2/
you can see he's loading the theme/impakt/style.css but in my page he does not use it (my elements are not using it).
Any solution ? thx
This typically happens when you try to load secure resources (https) via http or vise-versa. You can follow the instructions here to properly migrate to https.

Resources