• ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Topic: Move image & caption down without changing stage & image padding

Hi,

Is there a way to move the image & caption down without changing the stage padding and the padding between image and caption?

https://dl.dropboxusercontent.com/u/237 … _image.jpg

I'm working with the css, but I can't figure out how to separate the image from the caption. I currently have a stage padding of 20, but don't want to increase it so that my caption area is a wide as possible and so that my nav arrows are as far left and right as possible. I would like to move image and caption (incl. page number) as is about 70px down (I'm still planning to change the image size)

Ideas?

Thanks,
Patrick

ps76's Website

  • ps76
  • Member
  • Offline
  • From: Long Beach
  • Registered: 2014-09-08
  • Posts: 11

Re: Move image & caption down without changing stage & image padding

OK! I guess I figured it out by adding 'margin-top:70px;' to 'div.jb-dt-main-frame' in the theme.css

ps76's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Move image & caption down without changing stage & image padding

I'm glad that you have found a solution to your problem.
However, please be aware that shifting gallery elements via CSS can sometimes have unexpected results.
Juicebox will not be aware of such modifications and will expect the gallery elements to be elsewhere. This can sometimes cause problems when resizing a gallery window or when an animation or transition is carried out of the elements which have been shifted.