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

Use images in essay that align to grid instead of full width

Daniel Bachler

Dec 13, 2014 12:03PM EST


I would like to arrange two or three images next to each other in essays instead of all images being full width. Is there an easy way to do this already?

I am about to create my own theme, so the bare minimum would be to be able to assign custom css classes to individual images so that I can use a css grid based e.g. on a 12 column grid and have normal text and images fill all 12 columns but being able to do diptychs by using 6 and 6 column images or triptychs of 4:4:4 columns or combinations of landscape and portrait images with .e.g 4:8 column spans.

Has anyone done something like this in a koken theme alread? Or course, the deluxe version would be a special interface that allows one to insert an "image row" and allows the user to drag and drop images into diptychs, triptychs etc.

I have found this plugin ( ) which does something related, but is not really an ideal solution.

Any hints on how to do this would be appreciated. If there is currently no easy way to do this and there are others out there who would like this then let me know and I will consider writing a tutorial on how to do this if I manage or create a plugin for the more comfortable case.

BTW: Thanks for making koken, it looks great so far!


Up 0 rated Down

Todd Dominey Koken Agent

Dec 15, 2014 09:55AM EST

Daniel – right now Koken automatically scales all inserted images to the width of the essay (so they’re responsive). Koken doesn’t provide a way to insert images differently than that. The only way to do what you’re attempting would be to insert images using your own HTML markup. When editing an essay you’ll see a brackets (< >) button at bottom right. Click that to open the HTML editor. There you can add img tags or whatever you want. Sorry there isn’t a more automated way to do that, but at least you can edit HTML.

Up 0 rated Down

Daniel Bachler

Dec 15, 2014 10:01AM EST
Hi Todd,

thanks for your reply! In this case I will consider writing a plugin to insert a row of images with equal height. I'll try to understand your plugin system and how to request images in different sizes and see if I can create a new content type to insert for blog posts that allows several images to be shown next to each other.

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