Mixed Content error caused by CSS file

Question

In some browsers I get a Mixed Content error because there’s a call for style.css file and that file will be supposedly loading via HTTP protocol and that’s what some browsers try to prevent. It’s this line that triggers the error. And on line 46 in a source code of main page you see this:

$this['asset']->addFile('css', 'css:style.css');

<link rel="stylesheet" href="css:style.css" />

I assume that something within a template attempts to load that insecure CSS file (which I’m not even sure that exists in my Joomla tree). I don’t know where to find the source of this call and how to stop it. POSSIBLY it’s in templates/jp-x2/layouts/template.config.php file on line 103 there’s this:

$this['asset']->addFile('css', 'css:style.css');

So MAYBE it’s the source of the trouble (or maybe not!) Here how it looks like in Chromium browser (under Ubuntu 16.04) after pressing F12

Answer 1

If the template developer can't fix this then there are some Joomla extensions that can help. For example:

jQuery Easy (free or paid version) can add or remove scripts and stylesheets so you could remove the http version of the stylesheet and add the https version.

Easy Https (paid) can change all http links to https links.

ReReplacer (free or paid version) can replace anything in your Joomla site’s output with whatever you want so you could replace a specific http url with the https version or all http links with https if you want.

Edit:

As per comments, creating style.css in the /templates/[template-name]/css folder seems to have fixed the problem.