SSL certificate breaks CSS (in combination with W3TC)

admin管理员组

文章数量:1122832

Dear StackExchange community,

I am struggling with the following problem and simply cannot find a solution:

I have installed a SSL certificate but it causes the CSS of my website to break when the plug-in "W3TC" is activated (example: https:// www.planetofsuccesscom/blog/).

Here's how I installed the certificate and how I tried fixing the problem:

• Deactivated W3TC
• Updated my site URL to https within the WordPress dashboard (Settings » General and updating your WordPress and site URL address fields)

• Redirected http to https via .htaccess file with the following code:

  RewriteEngine On RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$ /$1 [R,L]

At this point, it all functions. However, as soon as I activate the W3TC plug-in, the CSS breaks (even after page cache was purged). For this reason, I've tried installing the following plug-ins:

• WordPress HTTPS (SSL)
• SSL insecure content fixer

However, these plug-ins didn't solve the problem.

In the next step, I checked whether the option "Cache SSL (https) requests" was activated in W3TC, which it was. Also, I disabled "Minify CSS" and "Minify JS" but it didn't change anything after purging the page cache.

I am using Amazon CDN, so I changed the settings in W3TC SSL support from "auto" to "always HTTP" but it did also not affect any changes.

In my cloud flare account, I've switched from simple SSL to full SSL but that didn't solve the problem either.

I also read the following question and its helpful answers (here: SSL Breaks Wordpress CSS) but it unfortunately did not allow me to solve the issue.

Similarly, reading the support forums of my template provider regarding SSL issues didn't help me to find a potential problem with the template.

In short, I think it all boils down to one particular problem with the W3TC plug-in but I am unable to find it.

(I reversed all the redirect changes I've made)

Do you have any other ideas how I could solve the issue?

Dear StackExchange community,

I am struggling with the following problem and simply cannot find a solution:

I have installed a SSL certificate but it causes the CSS of my website to break when the plug-in "W3TC" is activated (example: https:// www.planetofsuccesscom/blog/).

Here's how I installed the certificate and how I tried fixing the problem:

• Deactivated W3TC
• Updated my site URL to https within the WordPress dashboard (Settings » General and updating your WordPress and site URL address fields)

• Redirected http to https via .htaccess file with the following code:

  RewriteEngine On RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$ https://www.myurlofcourse.com/$1 [R,L]

At this point, it all functions. However, as soon as I activate the W3TC plug-in, the CSS breaks (even after page cache was purged). For this reason, I've tried installing the following plug-ins:

• WordPress HTTPS (SSL)
• SSL insecure content fixer

However, these plug-ins didn't solve the problem.

In the next step, I checked whether the option "Cache SSL (https) requests" was activated in W3TC, which it was. Also, I disabled "Minify CSS" and "Minify JS" but it didn't change anything after purging the page cache.

I am using Amazon CDN, so I changed the settings in W3TC SSL support from "auto" to "always HTTP" but it did also not affect any changes.

In my cloud flare account, I've switched from simple SSL to full SSL but that didn't solve the problem either.

I also read the following question and its helpful answers (here: SSL Breaks Wordpress CSS) but it unfortunately did not allow me to solve the issue.

Similarly, reading the support forums of my template provider regarding SSL issues didn't help me to find a potential problem with the template.

In short, I think it all boils down to one particular problem with the W3TC plug-in but I am unable to find it.

(I reversed all the redirect changes I've made)

Do you have any other ideas how I could solve the issue?

• ssl

Share Improve this question edited Sep 9, 2018 at 7:00 Johansson 15.4k1111 gold badges4343 silver badges7979 bronze badges asked Dec 31, 2016 at 11:20 Steve MuellerSteve Mueller 122 bronze badges 1

• Like Madalin has stated, you need to get in touch with your CDN provider for support. Another alternative is to install Really Simple SSL plugin as it helps fix issues with some unsecured URL you might have on your WordPress website. I also have a guide on how to set up the Really Simple SSL Plugin. Check it out : wordpressthis.com/really-simple-ssl-wordpress-plugin – Saminu Eedris Commented Oct 17, 2018 at 19:45

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

I checked out your website and the issue seems to be related to files served from https://files.planetofsuccess.com/....

If you`re disabling the CDN feature from W3 Total Cache, things should be working fine. So the problem is not the plugin, but the CDN connection, which breaks things.

To fix this issue, you'll have to get in touch with the Amazon CDN support team and ask them to take a look at your SSL options for your website. It`s more like a setup issue, from how I see things.

Happy new year!

本文标签： SSL certificate breaks CSS (in combination with W3TC)