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

Lightbox Top Padding/Margin


Sep 14, 2014 08:35PM EDT


I am wondering if there is a way to create some space between the top of the image and the toolbar in the browser when viewing with the Lightbox? What I mean is how do I increase the padding/margin at the top from 0 px (which appears to be the default) to 50 or 60 px so that there will be some black space around all sides of the image rather than just the left, right and bottom.

Or more simply, is there a way to centre the image in the Lightbox?

Many thanks.

Up 0 rated Down

Todd Dominey Koken Agent

Sep 17, 2014 09:45PM EDT

Scott – depends on your theme. Some of the newer ones like Axis 2, Madison 2 and Regale 2 have a “Max” image size setting for lightbox images. You’ll see it in the theme’s settings (in the Theme view). That’ll limit the max size and bring the images in towards the center.

Up 0 rated Down


Sep 18, 2014 09:14AM EDT
Thanks, Todd. I'm using Regale 2 so changing the maximum size will be straightforward enough.

As a follow on question, can you tell me if it is possible to disable the Lightbox in the mobile theme only?

And secondly, with regard to the mobile theme is it possible to remove the 'previous' and 'next' image arrows that appear when an album is opened? It would be more intuitive, I think, if users could scroll through the images by swiping left and right rather than having to press a button to move forward and back.

Thanks again.
Up 0 rated Down

Todd Dominey Koken Agent

Sep 19, 2014 07:57AM EDT

Scott – not possible to disable the lightbox only on mobile. That’s an interesting idea though and something we might consider for the future.

There also isn’t a setting to remove those previous/next arrows just on mobile devices. Swiping there wouldn’t work either for the content page is a physical page, and there’d need to be some mechanism to load the previous/next page (hence the arrows).

Up 0 rated Down


Sep 20, 2014 04:26AM EDT
Thank you again for your continued support.

And thanks for the detailed explanation as to why it is not possible to remove the previous/next arrows. Is it possible then to have the mobile slideshow look and behave more like the Axis 2 slideshow (like in one of the examples in the Koken store - With the collapsible menu at the top and the up/down arrows in the top left and top right corners, respectively, it makes for a much better design in my opinion. And the way that the images slide up and down according to the arrows, but you can also use scrolling gestures to move through the content is really nice.

Separately, if it is not possible to possible to do this (or it is simply too complicated) can I move the arrows to the top right corner in my mobile slideshow rather than having them under the menu and site title? This would free up at bit more room on the screen and the design would look a little less cluttered.

Many thanks.
Up 0 rated Down

Todd Dominey Koken Agent

Sep 22, 2014 09:01AM EDT

Not without editing the theme’s template markup. In general, you’re free to apply whatever CSS you’d like to the theme, and can change quite a lot doing so. If however you have to edit its markup, that would require duplicating the theme and making those edits directly to the templates.

Up 0 rated Down


Sep 23, 2014 03:29AM EDT
Thanks, Todd.

Editing the theme's template is probably a bit more involved and beyond my rather mediocre coding abilities. I may try to tackle it in the future but for the moment I'm very happy with the way my site has come together (the above issues not withstanding) so I'll will likely leave it the way it is.

Thank you again for your help.

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