wordpress style.css load but not use - css

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.

Related

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

How to change theme images over https?

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://

Error displaying oEmbed Wordpress

I've a problem with my wordpress website. When I insert some url for being embedded, it's not working fine.
Here is the issue URL : https://www.duosia.id/windows/cara-mengekstrak-files-menggunakan-winrar-dengan-mudah
And here is the Screenshot :
When I try to visit the embedded url. It's return 404 not found. You can check the embedded url here, https://www.duosia.id/windows/cara-mengekstrak-files-menggunakan-winrar-dengan-mudah/embed/
I've try these common solutions.
Update everything including WordPress, the theme and plugins. Available updates appear in Dashboard > Updates.
Deactivate all plugins in case there is a conflict. If the problem goes away while all plugins are inactive, then reactivate them one by one to determine which is causing the problem.
Switch to the default theme (such as Twenty Thirteen) then try to do what was not working. If the problem remains, it is a general WordPress or hosting issue. If it happens only while using our theme, please let us know.
Clear cache in both your browser and in any caching plugins that you are using (also disable services like CloudFlare, if used with your website).
Revert code changes if you have modified the theme’s code. If using a child theme, reactivate the parent theme.
But, seems no one work.
The WordPress post embeds don't seem to be working on your site.
This URL shows a live example of the problem:
https://www.duosia.id/windows/whatsapp-for-pc/
The two embeds present in that URL are returning a 404, therefore, oEmbeds are not loading properly and showing the 404 page:
https://www.duosia.id/windows/facebook-messenger-for-pc/embed/#?secret=kMPv636bx1
https://www.duosia.id/windows/line-for-pc/embed/#?secret=65m4VpxiYi
Have you tried testing those URLs in the plugin "Rewrite Rules Inspector"?
You should see something like this for any of the "embed" URLs:
index.php?name=$matches[1]&embed=true
Also, have you tried flushing the rewrite rules in WordPress or maybe setting the permalink structure to a different/default one (right now you seem to be using a structure of "category/post-name") to see if it changes anything?
For the file that you are embedding, are you uploading it to the Media Library or some other plugin?
First I would check on the server to verify that the file you are looking to access does exist.
Once you know that the file does exist, then repeat the steps you have listed 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.

Redirect .style.css page and website should load css

Let me explain scenario.
The style.css path has been set as-
https (colon)// xyz dot com/main/css/style.css
As style.css is file readable in browser I want to block the access at the same time website pages should load css.
Things tried so far-
1) If I block access to /style.css file in httpd.conf then css doesn't load and website opens up without theme and styles.
2) If I redirect /style.css to /main in .htaccess then again website loads without theme and styles.
I would appreciate a guidance in layman's language as am still learning and even after referring to many posts on stackoverflow; unfortunately couldn't find the answer.
Your css files need to be accessed by the browser. Then they will also be available for the users. It's inevitable. You can't allow access to the browser and block them to users.
If you want to protect your work, you can obfuscate them with a tool such as http://cssobfuscator.com/ or integrate it directly in your gulp build with e.g. gulp-css-gsub. They will be usable by the browser but it will be difficult to reuse them.

Resources