Not a developer? Go to MovableType.com

Ask an Expert

Styles and images stopped working

Asked by Seong-Ah Cho
Posted October 23, 2013.

Hello — I recently noticed that for some reason all our blog posts (example) lost all their formatting and thumbnail images. We use Movable Type to host the blog and link to it from our webpage. Please let me know if you have any information on how this might be corrected.

Back

1 Answer

Charlie Gorichanaz

Charlie Gorichanaz on October 25, 2013, 12:47 a.m. Reply

Hello,

It appears your style sheets and images are not loading because your site is being served over HTTPS, but the resources are linked in the code to full URLs that include http, not https.

The posts might have recently stopped working for two reasons I can imagine:

  1. Your web server might have been recently reconfigured to force SSL, thereby creating a problem that didn’t exist before.

  2. More probably, the web server might have been forcing SSL for some time, but it only recently became apparent because Firefox and other browsers recently began ignoring content by default that was not retrieved via HTTPS on a page with https:// in the address bar. This is the default behavior in Firefox as of version 23, and you can read more about it on Threat Post or in the Mozilla Security Blog.

To resolve this issue, you should modify your templates so any images, style sheets, scripts or other files are referenced by a protocol relative URL that begins with // instead of http://.

For example, change this:

<link rel="stylesheet" href="http://uei.uchicago.edu/c/screen.css" type="text/css" media="screen, projection" />

To this:

<link rel="stylesheet" href="//uei.uchicago.edu/c/screen.css" type="text/css" media="screen, projection" />

That should cause the CSS file to load over HTTPS. If your entire site is forcing HTTPS, and even if it is not entirely HTTPS, you could also just change all the http:// to https://, but the two slashes alone work fine in almost all cases and have the added benefit of not causing warnings when switching between SSL and standard unencrypted pages.

For more information about templates, see Managing your blog’s templates.

Give an Answer

Charlie Gorichanaz

Charlie joined Six Apart as a Japan based product manager for Movable Type in February 2014 after spending two years as a developer for 601am. Previously he was the web director of The Badger Herald while studying biochemistry at the University of Wisconsin-Madison.

Website: http://votecharlie.com/
Twitter: @CNG

Ask An Expert