Support Center

Recent questions

About Koken

This Help Center provides support for Koken, a free content management system designed for photographers, artists and designers.

Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Spinner.gif - HiDPI and Retina Screens


Nov 16, 2014 02:53PM EST


I am just writing to provide feedback. The spinner.gif when an image is loading (I am using a modified version of the original Madison theme), looks blurry and inconsistent with the rest of the page on my MacBook Pro Retina. This is presumably because there is no HiDPI 2x scaling on the spinner.gif file. Small thing but just wanted to bring it to the developer's attention.

If there is a way to hack and make it sharp, please let me know. :)

Up 0 rated Down


Nov 16, 2014 03:05PM EST
Ok, I was going through the settings.css.lens file and found this line:

img.k-lazy-loading {
background: url(css/$style/spinner.gif) center center no-repeat;

Sorry, I am not too good with css but I am going to see if I can do a @media query for pixel-ratio and select a different spinner_hd.gif based on the end user DPI setting.
Up 0 rated Down


Nov 16, 2014 03:37PM EST
I found the solution.

I created a 48x48pixel gif and then set the background-size property to 24x24 px. This solves the problem!

img.k-lazy-loading {
background: url(css/$style/spinner_48.gif) center center no-repeat;
background-size:24px 24px;

Sorry for lack of proper understanding. I thought spinner gif is controlled internally in the Koken code but just changing the CSS file worked for me. Thank you!
Up 0 rated Down

Todd Dominey Koken Agent

Nov 24, 2014 12:18PM EST

Neil – thanks for the feedback. If you made this modification in the core theme folder the change will be overwritten if/when another Madison theme update is released, so you might want to make a backup of the folder just to be safe if you see an update come out. I’ll make a note to look into the icon from our end. Thanks!

This question has received the maximum number of answers.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found