SSL certificates break CSS

Sam

Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem:

<link rel="stylesheet" href="http://www.rentpayment.com/wp-content/themes/rentpayment/style.css?ver=1.0" />

Obviously changing http to https solved the problem, however, this is what is in the header.php file:

<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>?ver=1.0" />

Can I add https to a dynamic field in header.php or is the problem somewhere else?

list price

SSL doesn't break CSS files. You need to make sure the CSS files are loaded under https and not http. If you view the site with browser dev tools, you will see that many images and other resources (like scripts) are not loaded over https.

This bloginfofunction (among others) extracts the site URL from the WordPress site settings for Dashboard > General, WordPress Address (URL) and Site Address (URL), both of which are stored in the wp_options table in the database. Change these two URLs to https in WordPress or in the database via Adminer or PHPMyAdmin. Back up the database beforehand.

Note, however, that you will need to change all URLs in the database, such as image URLs in posts and pages. Using https://interconnectit.com/products/search-and-replace-for-wordpress-databases/ changes the URL correctly and minimizes damage.

However, theme options may still break when changing URLs in the database, so you may need to reset them. Also, other things may break; backup the database beforehand.

After that, use your dev tools to find other elements that might still be http, like hardcoded links in your theme files, so your site will be entirely https and users won't see "insecure element" errors.

Related

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

SSL certificates break CSS

Sam Recently purchased an SSL certificate, but the site doesn't seem to be able to load the site CSS. Here is the link https://www.rentpayment.com/ By looking at the console error message this seems to be the problem: <link rel="stylesheet" href="http://www.re

Java and SSL certificates

Andy: I'm trying to use Secure Sockets Layer (HTTPS) to connect to a PHP script in Java, but I've found that for maximum security/validity I have to import the SSL certificate used by the website into my application. ..I do not know what to do. If it helps, my

Where are SSL certificates stored?

iOS Monkey I understand how SSL works, but my question is more about the storage of certificates on the client side. To understand the exact context, let's assume I'm writing my own browser. My rendering part will be done by WebKit and the HTTP request handlin

Where are SSL certificates stored?

iOS Monkey I understand how SSL works, but my question is more about the storage of certificates on the client side. To understand the exact context, let's assume I'm writing my own browser. My rendering part will be done by WebKit and the HTTP request handlin

Java and SSL certificates

Andy: I'm trying to use Secure Sockets Layer (HTTPS) to connect to a PHP script in Java, but I've found that for maximum security/validity I have to import the SSL certificate used by the website into my application. ..I do not know what to do. If it helps, my

Pinning SSL certificates with libcurl

SP Miguel Jenner I wonder if this example is enough to provide a way to do certificate pinning with libcurl : http://curl.haxx.se/libcurl/c/cacertinmem.html Because I found out that curl also allows http://curl.haxx.se/libcurl/c/CURLOPT_PINNEDPUBLICKEY.html Si

Certificates returned by free SSL

O. Shekri Raz Today I installed a free ssl certificate on my website and it was easy, but I have some questions about it. FreeSSL returned three files: "private.key", "certificate.crt", "ca_bundle.crt". So there are my questions: 1) Who does this private key b

Where are SSL certificates stored?

iOS Monkey I understand how SSL works, but my question is more about the storage of certificates on the client side. To understand the exact context, let's assume I'm writing my own browser. My rendering part will be done by WebKit and the HTTP request handlin

SSL certificates and links

Eric Sometimes I use elink for web browsing and it happens that some HTTP sites fail to load due to it SSL error. An example is https://www.rust-lang.org , which doesn't load in elink but works fine on other browsers like Chrome and firefox. Checking the https

Nginx and SSL certificates

Lesha Ppiev I want to provide ssl support for my website under Nginx. First, I tried to use a self-signed certificate, but as you know, the browser complains The current connection cannot be trusted Second, I tried ordering a free certificate from a reputable

Uniquely identify SSL certificates

Mamadou I would like to know how to determine that a given file is an SSL certificate. Is the file extension sufficient to determine if the file is a certificate? Maarten Bodewes An SSL certificate is nothing more than an X.509 version 3 certificate with some

SSL certificates and redirects

Arjun Tuli If I'm redirecting a website, does the originating domain need to have an SSL certificate, or does it have the redirected domain, or both? Ian Roberts Both, because redirection is an HTTP level thing, happening inside the SSL envelope. The client ne

SSL certificates in different ports

Azamat Hi! My problem: I am using a web application with an SSL certificate in port 443 and this application has a web service in javascript. The web service connects on a different port 7443 and uses the same certificate. But the certificate is not added to p

2 twisted SSL certificates

calombo I have the following code: from twisted.web.server import Site from twisted.web.static import Data from twisted.internet import reactor, ssl root = Data("", "text/plain") site = Site(root) reactor.listenSSL(config.ws_port, site,

Two SSL certificates

Jack Walker I have 2 Windows IIS servers (live and backup) running Wordpress site hosting. The goal is to be able to switch to a backup server in the event of a live server failure. I can do this now by putting the live server's IP on the backup server. No pro

2 twisted SSL certificates

calombo I have the following code: from twisted.web.server import Site from twisted.web.static import Data from twisted.internet import reactor, ssl root = Data("", "text/plain") site = Site(root) reactor.listenSSL(config.ws_port, site,

Signing certificates and SSL

Johnny Burr I currently have a Java upload applet on a website hosted by Hostgator; however, the browser blocks the Java applet from executing when the page is accessed. The reason given is that the security settings are preventing the SELF-SIGNED application

SSL certificates: wrong order

Vojtech I have an SSL EV certificate for https://goout.cz . According to this test, we get an A+: https://www.ssllabs.com/ssltest/analyze.html?viaform=on&d=goout.cz However, I get the "Wrong order, contains anchors" warning. But this test is : https://cryptore