journal mode images tops are cut off

charlesdaly

I probably messed up some css while tweaking captions/titles and now, in journal mode, once any image is opened the images are pressed higher than the screen and on at least one image the title is only showing the top half of the title. I tried Lamah's moving image down but that doesn't work for this problem.

Example here but the problem is site wide: http://www.charlesdalyphotography.com/Photography/December-2013/i-FJ9kLMr/A
Any help, greatly appreciated.

thenickdude

That missing top-half of the title is due to this CSS code you've got in order to centre the lightbox title & caption:

.sm-lightbox-basic .yui3-widget-ft .sm-lightbox-title{
  position:absolute;
  left:50%;
}

.sm-user-ui .sm-lightbox-basic .yui3-widget-ft .sm-lightbox-caption{
  position:absolute;
  left:50%;
  top:30px;
}

Replace that code with the code under the header "Centre the caption area underneath the photo" from this page:

http://www.sherlockphotography.org/Customisations/Lightbox-captions

charlesdaly

Lamah, thank you. That fixed the caption problem. I then found your code to provide padding and using 50px for top padding it fixed that as well. Thanks so much.