Custom lock icon no longer showing

[ex_prettygoodyear337]

 I have used this code in my CSS for a few years now, which always worked to replace the standard lock icon on entries with a custom made one:

img[src*="http://www.dreamwidth.org/img/silk/entry/locked.png"]  {

width:0;

height: 0;

background-repeat: no-repeat;

background-image: url(http://i148.photobucket.com/albums/s37/twinklewitch/lock1.gif) !important;

padding: 11px 13px 0 0 !important;

text-decoration: none;

}

 

img[src*="http://www.dreamwidth.org/img/silk/entry/private.png"]  {

width:0;

height: 0;

background-repeat: no-repeat;

background-image: url(http://i148.photobucket.com/albums/s37/twinklewitch/stop.gif);

padding: 11px 13px 0 0 !important;

text-decoration: none;

}

For some reason this doesn't work anymore, since my journal now shows the standard locked icon on all entries. Anyone knows how to fix this?

Comments

[turlough]

I had the same problem and just managed to figure out how to get my custom icons back

I don't really understand why but if you remove the http: from img[src*="http://www.dreamwidth.org/img/silk/entry/locked.png"] (turning it into img[src='//www.dreamwidth.org/img/silk/entry/locked.png']) it will work. Quite mysterious.

[ex_prettygoodyear337]

Thanks! I can confirm it indeed seems to work this way! Bit weird, but happy to have the custom icons back. Many thanks for this tip!

[foxfirefey]

For anybody who wants to understand the why--recently people have been doing a TON of work trying to get the site to work properly under SSL so that people can browse Dreamwidth securely. Part of that change is making it so image links work using either http:// OR https:// and using // as a shorthand to use whatever the page the image is on is using is a way to do that.

[turlough]

Ah! That explains it. I noticed that all the other icons I'm using custom replacements for had URLs that didn't include "http:" and wondered if that's why they weren't changed too.

[foxfirefey]

Yup yup, that would be why they changed.

Note: At some point if you decide to use the SSL browsing, you might run into warnings if your images can't be accessed over SSL too.