Search code examples
jquerycolorbox

Moving Colobox.js captions to top of box?

I am trying to move colorbox.js's captions (title attribute text) to the top of the box - it defaults to the bottom. I can't see where to do it in the js - though other mods have been pretty easy.

I'm sure it is simple, if it is doable.

Thanks in advance.

Solution

  • You need to adjust it in the styles. In the following demo page of the colorbox examples, when clicking on the first example:

    Change #cboxLoadedContent{margin-bottom: 28px;} to #cboxLoadedContent{margin-top: 28px;}

    Add top:0; to the #cboxTitlestyles so it bumps to the top of the container and do the same for the remaining bottom elements #cboxNext etc.